:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{color:#e5e7eb;background:radial-gradient(circle at 0 0,#6d5dfc 0,#0000 34%),radial-gradient(circle at 100% 100%,#14b8a6 0,#0000 30%),#0f172a;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{place-items:center;min-height:100vh;padding:24px;display:grid}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ac7;border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:520px;padding:32px;box-shadow:0 24px 80px #00000059}.header{margin-bottom:28px}.badge{color:#c4b5fd;letter-spacing:.04em;text-transform:uppercase;background:#6366f12e;border-radius:999px;margin-bottom:14px;padding:8px 12px;font-size:.8rem;font-weight:700;display:inline-block}h1{margin:0 0 12px;font-size:clamp(2rem,5vw,3rem);line-height:1}p{color:#94a3b8;margin:0;line-height:1.6}.inputGroup{margin-bottom:24px}label{color:#cbd5e1;margin-bottom:10px;font-weight:700;display:block}.passwordBox{background:#0206178c;border:1px solid #94a3b83d;border-radius:18px;gap:10px;padding:8px;display:flex}input{color:#f8fafc;background:0 0;border:0;outline:0;width:100%;padding:12px;font-size:1rem}input::placeholder{color:#64748b}button{color:#fff;cursor:pointer;background:#6366f1;border:0;border-radius:14px;padding:0 16px;font-weight:700;transition:all .2s}button:hover{background:#4f46e5;transform:translateY(-1px)}.strengthArea{margin-bottom:24px}.strengthTop{color:#cbd5e1;justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.strengthTop strong{text-align:right}.bar{background:#94a3b82e;border-radius:999px;height:12px;overflow:hidden}.barFill{border-radius:inherit;height:100%;transition:width .3s,background .3s}.empty{color:#94a3b8}.weak{color:#fb7185}.medium{color:#facc15}.strong{color:#34d399}.barFill.empty{background:0 0}.barFill.weak{background:linear-gradient(90deg,#ef4444,#fb7185)}.barFill.medium{background:linear-gradient(90deg,#f97316,#facc15)}.barFill.strong{background:linear-gradient(90deg,#10b981,#34d399)}.rules{gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.rules li{color:#94a3b8;background:#0f172ab3;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.rules li span{color:#fb7185;background:#f8717124;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.rules li.passed{color:#e5e7eb;background:#10b9811f}.rules li.passed span{color:#34d399;background:#34d3992e}.tip{color:#cbd5e1;background:#6366f11f;border-left:4px solid #6366f1;border-radius:14px;padding:16px;line-height:1.5}@media (width<=520px){.card{padding:24px}.passwordBox{flex-direction:column}button{padding:12px}.strengthTop{flex-direction:column}.strengthTop strong{text-align:left}}.brand{align-items:center;gap:12px;margin-bottom:26px;display:flex}.brand img{object-fit:contain;background:#ffffff14;border-radius:14px;width:54px;height:54px;padding:6px}.brand span{color:#f8fafc;font-size:1.1rem;font-weight:800}.footer{color:#94a3b8;text-align:center;margin-top:18px;font-size:.85rem}