html,body{height:100%;margin:0;display:flex;flex-direction:column}main{flex:1}:root{--primary: #484361;--highlight: #EC9F1D;--accent: #761B16;--dark: #320F09;--bg: #f5f2ee;--white: #fff;--text: var(--dark)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:var(--bg);color:var(--text)}header nav{display:flex;justify-content:space-between;align-items:center;background:#3f3b56;padding:10px 20px}header nav .brand{color:#fff;font-size:20px;font-weight:600;text-decoration:none}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}main{max-width:1100px;margin:1rem auto;padding:0 1rem}.about{background:var(--white);border-radius:10px;padding:2rem;box-shadow:0 4px 8px #00000014;text-align:center;margin-bottom:2rem}.about h2{font-size:1.6rem;margin-bottom:1rem;color:var(--accent)}.about p{font-size:1rem;color:var(--dark);max-width:800px;margin:auto;line-height:1.6}section{margin-bottom:2rem}section h2{color:var(--accent);border-bottom:2px solid var(--highlight);padding-bottom:.4rem;margin-bottom:1rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.card{background:var(--white);border-radius:10px;box-shadow:0 2px 5px #00000014;overflow:hidden;opacity:0;transform:translateY(20px);transition:transform .5s ease-out,opacity .5s ease-out,box-shadow .3s ease}.card.visible{transform:translateY(0);opacity:1}.card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000001f}.card .img{width:100%;padding-bottom:100%;background-size:cover;background-position:center;border-bottom:3px solid var(--highlight)}.card-body{padding:1rem;display:flex;flex-direction:column}.card-title{font-size:1.1rem;margin-bottom:.5rem;color:var(--primary)}.btn-toggle{align-self:flex-start;margin-top:.5rem;background:none;border:none;color:var(--highlight);cursor:pointer;transition:color .2s}.btn-toggle:hover{color:var(--accent)}.details{margin-top:.5rem;display:none;font-size:.9rem;color:var(--accent)}.btn-vote{margin-top:1rem;padding:.7rem;background:var(--highlight);color:var(--dark);border:none;border-radius:6px;cursor:pointer;transition:background .3s ease,opacity .3s ease}.btn-vote:hover{background:var(--accent);color:var(--white)}.btn-vote:disabled{background:#ccc;color:#666;cursor:not-allowed;opacity:.7}footer{background:#3f3b56;color:#fff;text-align:center;padding:15px 10px;font-size:14px;margin-top:auto}footer a{color:#ec9f1d;text-decoration:none;font-weight:700}footer a:hover{text-decoration:underline}footer a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--highlight);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}footer a:hover:after{transform:scaleX(1)}nav{display:flex;align-items:center;background:#3f3b56;padding:10px 20px}.logout-btn{background:#ec9f1d;color:#3f3b56;padding:6px 14px;border-radius:8px;font-weight:700;text-decoration:none;transition:.2s;display:inline-block;line-height:1.2}.logout-btn:hover{background:#fff;color:#3f3b56}