:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#08090e;color:#f3f4f7}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 10% 40%,#ffb3000b,transparent 55%)}a{color:inherit;text-decoration:none}header{max-width:1200px;margin:auto;padding:30px;display:flex;justify-content:space-between;align-items:center}header>a:last-child{font-size:13px;color:#a1a6b4}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:700}.brand img{width:36px;height:36px;object-fit:contain}main{max-width:1100px;margin:55px auto 65px;padding:0 30px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.intro,.card{animation:enter .7s ease both}.card{animation-delay:.1s}.eyebrow{font-size:10px!important;letter-spacing:1.7px;color:#b8a06c!important}.eyebrow span{float:right;font-size:8px;border:1px solid #ffb30030;border-radius:20px;padding:4px 8px}h1{font-size:clamp(35px,4vw,52px);letter-spacing:-1.8px;line-height:1.15;margin:24px 0}em{font-style:normal;color:#ffb300}.intro>p:not(.eyebrow){max-width:370px;color:#979dac;font-size:14px;line-height:1.8}.preview{margin-top:38px;padding:22px;border:1px solid #2b2f3a;border-radius:15px;background:linear-gradient(140deg,#1a1d27,#0e1119);max-width:390px;transform:rotate(-2deg);box-shadow:0 25px 65px #0004}.preview>span{font-size:9px;letter-spacing:.7px;color:#838e9f}.preview b{float:right;color:#ffb300;letter-spacing:3px}.bars{height:120px;display:flex;gap:12px;align-items:center;justify-content:space-between}.bars i{height:35px;width:12px;background:#61b698;border-radius:2px;animation:glow 4s infinite alternate}.bars i:nth-child(2n){height:65px;transform:translateY(-8px)}.bars i:nth-child(3n){background:#b7747d;height:45px}.bars i:nth-child(4n){height:30px;transform:translateY(18px)}.card{border:1px solid #303441;border-radius:22px;padding:34px;background:linear-gradient(140deg,#1c1f29,#12151e);box-shadow:0 20px 90px #0005}.icon{margin-top:25px;width:48px;height:48px;display:grid;place-items:center;color:#ffb300;background:#ffb30012;border:1px solid #ffb30025;border-radius:14px;font-size:26px}h2{font-size:29px;letter-spacing:-.7px;margin:22px 0 10px}.card>p{font-size:13px;color:#989fad;line-height:1.7}label{display:block;font-size:12px;color:#d7dbe5;margin:23px 0 9px}.field{position:relative}input,button{font:inherit}input{width:100%;padding:14px 65px 14px 14px;background:#0c1018;border:1px solid #363c4a;color:white;border-radius:9px;transition:border-color .2s,box-shadow .2s}input:focus{outline:none;border-color:#e5ae34;box-shadow:0 0 0 3px #ffb30015}.field button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:#9aa2b3;font-size:11px;cursor:pointer;padding:7px}.strength{display:flex;gap:5px;margin-top:13px}.strength i{height:3px;background:#343a47;flex:1;border-radius:3px;transition:background .3s}.strength i.filled{background:#ffb300}small{display:block;font-size:10px;color:#8791a3;line-height:1.7;margin-top:8px}#match-label{min-height:18px}.submit{display:flex;justify-content:space-between;width:100%;margin-top:18px;border:0;border-radius:9px;padding:16px;background:#ffb300;color:#211907;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.submit:hover{transform:translateY(-2px);background:#ffc334;box-shadow:0 8px 24px #ffb30020}.submit:disabled{opacity:.7;cursor:wait}.secure{text-align:center;margin-top:15px}.help{border-top:1px solid #2e3340;margin-top:25px;padding-top:18px;font-size:10px;color:#828b9b;line-height:1.7}footer{max-width:1200px;margin:auto;padding:20px 30px;font-size:10px;color:#737f91}.errorlist{padding:12px;list-style:none;border:1px solid #dc798535;border-radius:8px;background:#dc798510;color:#f2a1ab;font-size:11px;line-height:1.6}:focus-visible{outline:2px solid #ffb300;outline-offset:4px}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{to{opacity:.65}}@media(max-width:850px){main{gap:30px}.card{padding:25px}}@media(max-width:650px){header{padding:20px}main{display:flex;flex-direction:column;gap:24px;margin:15px auto 30px;padding:0 20px;max-width:490px}.intro,.card{width:100%}.preview{display:none}h1{font-size:34px;margin:16px 0}.intro>p:not(.eyebrow){font-size:12px}.card{padding:24px;border-radius:17px}.icon{margin-top:18px}h2{font-size:26px}footer{padding:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}