*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}:root{--bg:#050709;--card:#080c0ac7;--green:#b9d7a2;--green-soft:#9db78a;--green-dark:#6d815d;--text:#f5f7f2;--muted:#a0a7a0;--border:#bad7a32e;--glow:#b9d7a226}body{background:var(--bg);overflow-x:hidden}.main-container{background-image:linear-gradient(#000000a6,#000000d1),url(/bg.png);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex;position:relative}.main-container:before{content:"";pointer-events:none;background:radial-gradient(circle at top,#b9d7a20f,#0000 45%);position:absolute;inset:0}.content-card{background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:34px;width:100%;max-width:760px;padding:60px 55px;position:relative;box-shadow:0 0 0 1px #ffffff05,0 20px 80px #0000008c,inset 0 0 80px #ffffff04}.content-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff08,#0000 30%);border-radius:34px;position:absolute;inset:0}.glow-ring{pointer-events:none;border:1px solid #b9d7a214;border-radius:34px;position:absolute;inset:-1px;box-shadow:0 0 30px #b9d7a20d,0 0 80px #b9d7a20a}h1{text-align:center;color:var(--text);letter-spacing:-2px;margin-bottom:18px;font-family:Georgia,serif;font-size:5rem;font-weight:500;line-height:1}h1 span{color:var(--green)}.subtitle{text-align:center;color:var(--muted);margin-bottom:42px;font-size:1.15rem;line-height:1.7}.input-group{gap:14px;margin-bottom:24px;display:flex}input{color:#fff;background:#00000059;border:1px solid #b9d7a229;border-radius:18px;outline:none;flex:1;height:68px;padding:0 24px;font-size:1rem;transition:all .3s}input::placeholder{color:#ffffff61}input:focus{border-color:#b9d7a273;box-shadow:0 0 0 4px #b9d7a20d,0 0 20px #b9d7a214}button{cursor:pointer;color:#1c2418;background:linear-gradient(#bdd7a9,#98b184);border:none;border-radius:18px;height:68px;padding:0 34px;font-size:1rem;font-weight:600;transition:all .28s;box-shadow:inset 0 1px #ffffff40,0 10px 25px #b9d7a224}button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 14px 35px #b9d7a238}button:active{transform:scale(.98)}.result-box{flex-direction:column;gap:16px;margin-top:28px;display:flex}.success,.error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;padding:22px;font-size:1rem;animation:.35s fadeIn}.success{color:#dcebd0;background:#b9d7a214;border:1px solid #b9d7a22e;box-shadow:inset 0 0 20px #b9d7a208}.error{color:#cfcfcf;background:#ffffff08;border:1px solid #ffffff0d}.footer-note{text-align:center;color:#ffffff73;margin-top:28px;font-size:.95rem}.footer-note span{color:var(--green)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.content-card{padding:40px 24px}h1{font-size:3rem}.subtitle{font-size:1rem}.input-group{flex-direction:column}button{width:100%}}