@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap);:root{--bg-deep:#030712;--bg-ocean-1:#06182c;--bg-ocean-2:#0b2545;--cyan-glow:#06b6d4;--cyan-light:#22d3ee;--cyan-accent:#38bdf8;--emerald-pulse:#10b981;--card-bg:rgba(11, 27, 49, 0.72);--card-border:rgba(56, 189, 248, 0.16);--card-border-hover:rgba(56, 189, 248, 0.35)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif}body{background-color:var(--bg-deep);color:#f1f5f9;min-height:100vh;overflow-x:hidden;position:relative}.ocean-background{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 15%,#0f355c 0,#081d36 35%,#040e1d 75%,#02070f 100%);overflow:hidden}.ocean-light-rays{position:absolute;top:-30%;left:-20%;width:140%;height:100%;background:conic-gradient(from 180deg at 50% 0,rgba(56,189,248,.08) 0deg,transparent 40deg,rgba(6,182,212,.12) 80deg,transparent 130deg,rgba(56,189,248,.07) 170deg);filter:blur(50px);opacity:.7;animation:20s ease-in-out infinite alternate swayRays}@keyframes swayRays{0%{transform:rotate(-5deg) scale(1)}100%{transform:rotate(5deg) scale(1.05)}}.floating-bubble{position:absolute;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6),rgba(56,189,248,.15) 60%,rgba(6,182,212,.05) 100%);border:1px solid rgba(255,255,255,.25);border-radius:50%;pointer-events:none;animation:linear infinite riseUp}@keyframes riseUp{0%{transform:translateY(105vh) translateX(0);opacity:0}15%,85%{opacity:.6}100%{transform:translateY(-10vh) translateX(30px);opacity:0}}.glass-panel{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);box-shadow:0 16px 40px -12px rgba(0,0,0,.65),0 0 25px -8px rgba(6,182,212,.15);transition:.25s cubic-bezier(.16, 1, .3, 1)}.glass-panel:hover{border-color:var(--card-border-hover)}.glass-card-sm{background:rgba(13,33,60,.6);border:1px solid rgba(56,189,248,.12);backdrop-filter:blur(12px)}.pulse-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.28);color:#34d399;font-size:.82rem;font-weight:600}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:var(--emerald-pulse);box-shadow:0 0 12px var(--emerald-pulse);animation:1.8s infinite pulseGlow}@keyframes pulseGlow{0%{transform:scale(.95);opacity:.7;box-shadow:0 0 0 0 rgba(16,185,129,.6)}70%{transform:scale(1.15);opacity:1;box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{transform:scale(.95);opacity:.7;box-shadow:0 0 0 0 rgba(16,185,129,0)}}.btn-cyan{background:linear-gradient(135deg,#06b6d4 0,#0284c7 100%);color:#fff;font-weight:600;box-shadow:0 4px 20px -2px rgba(6,182,212,.45);transition:.2s;border:1px solid rgba(255,255,255,.2)}.btn-cyan:hover{background:linear-gradient(135deg,#22d3ee 0,#0369a1 100%);box-shadow:0 6px 25px 0 rgba(6,182,212,.65);transform:translateY(-1px)}.btn-cyan:active{transform:translateY(1px);box-shadow:0 2px 10px 0 rgba(6,182,212,.35)}.lifted-code-banner{background:linear-gradient(135deg,rgba(8,38,70,.85) 0,rgba(14,52,94,.75) 100%);border:1px solid rgba(56,189,248,.35);box-shadow:0 8px 30px -5px rgba(6,182,212,.22);position:relative;overflow:hidden}.lifted-code-banner::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,#06b6d4,transparent)}.code-display{font-family:'JetBrains Mono',monospace;font-size:2.25rem;font-weight:700;letter-spacing:.18em;color:#e0f2fe;text-shadow:0 0 20px rgba(56,189,248,.45)}.totp-card{background:#0f172a;border:1px solid #1e293b;border-radius:1rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.5);padding:1.1rem 1.4rem;display:flex;align-items:center;justify-content:space-between;transition:.2s}.totp-card:hover{border-color:#334155}.timer-ring-container{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.timer-ring-svg{transform:rotate(-90deg)}.timer-ring-circle-bg{stroke:#1e293b}.timer-ring-circle{stroke:#10b981;stroke-linecap:round;transition:stroke-dashoffset .95s linear,stroke .3s}.timer-ring-circle.warning{stroke:#eab308}.timer-ring-circle.danger{stroke:#ef4444}.timer-seconds{position:absolute;font-size:.78rem;font-weight:700;font-family:'JetBrains Mono',monospace;color:#cbd5e1}.totp-code-text{font-family:'JetBrains Mono',monospace;font-size:1.85rem;font-weight:700;letter-spacing:.12em;color:#fff;user-select:all}.icon-btn{background:#1e293b;color:#94a3b8;border:1px solid rgba(255,255,255,.05);border-radius:.5rem;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.icon-btn:hover{background:#334155;color:#f8fafc;border-color:rgba(255,255,255,.15)}.icon-btn:active{transform:scale(.92)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(3,7,18,.5)}::-webkit-scrollbar-thumb{background:rgba(56,189,248,.25);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:rgba(56,189,248,.45)}.toast-notice{position:fixed;bottom:24px;right:24px;background:rgba(15,23,42,.92);border:1px solid rgba(56,189,248,.4);box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 15px rgba(6,182,212,.3);color:#f1f5f9;padding:12px 20px;border-radius:12px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:10px;z-index:1000;backdrop-filter:blur(12px);transform:translateY(100px);opacity:0;transition:.3s cubic-bezier(.16, 1, .3, 1);pointer-events:none}.toast-notice.show{transform:translateY(0);opacity:1;pointer-events:auto}