@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap";:root{--accent: #ffce00;--dark: #1e1e1e;--bg: #2e2e2e;--text: #f5f5f5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;background-color:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}header{background:var(--dark);padding:2rem;text-align:center;border-bottom:3px solid var(--accent);animation:fadeDown .7s ease-in}header h1{font-size:2.5rem;color:var(--accent)}header p{font-size:1.1rem;color:#ccc}.container{max-width:500px;margin:3rem auto;background:#3a3a3a;padding:2rem;border-radius:12px;animation:fadeUp .7s ease-in}input{display:block;width:100%;margin:1rem 0;padding:.75rem;font-size:1rem;border:none;border-radius:8px}button{width:100%;padding:.75rem;background:var(--accent);color:#000;font-weight:700;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}button:hover{background:#ffd500}nav{margin-top:1rem;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.nav-button{background:var(--accent);color:#000;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:700;font-size:1rem;transition:transform .2s ease,background .3s ease}.nav-button:hover{transform:scale(1.05);background:#ffe600}