@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@600;700;800&display=swap";:root{--bg: #05080F;--bg-elevated: #0A0F1E;--surface: #0F172A;--surface-glass: rgba(15, 23, 42, .7);--border: rgba(255, 255, 255, .08);--border-glow: rgba(255, 255, 255, .15);--primary: #10B981;--primary-glow: rgba(16, 185, 129, .2);--secondary: #3B82F6;--accent-amber: #F59E0B;--accent-rose: #F43F5E;--accent-violet: #8B5CF6;--text: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #64748B;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden;min-height:100vh;min-height:100dvh}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;outline:none}.display-font{font-family:Outfit,Inter,sans-serif;font-weight:800;letter-spacing:-.025em}.gradient-text{background:linear-gradient(135deg,#10b981,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-amber{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-top:var(--safe-top);position:relative}.mobile-header{position:sticky;top:0;z-index:80;padding:12px 20px;padding-top:calc(var(--safe-top) + 8px);background:#070b14bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.mobile-body{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--safe-bottom) + 88px);-webkit-overflow-scrolling:touch}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:90;height:calc(72px + var(--safe-bottom));padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);background:#070b14d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around}.glass-card{background:linear-gradient(165deg,#ffffff0d,#ffffff05),var(--surface-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 8px 32px #0000005e;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(255,255,255,.05),transparent 70%);pointer-events:none}.glass-card:active{transform:scale(.97) translateY(2px);background:#ffffff14}.glass-card-sm{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:16px;transition:all .2s ease}.glass-card-sm:active{transform:scale(.97)}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;position:relative;font-size:10px;font-weight:600;color:var(--text-muted);transition:color .2s ease;min-width:56px}.nav-tab.active{color:var(--primary)}.nav-dot{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--primary)}.score-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.score-ring svg{transform:rotate(-90deg)}.score-ring .score-value{position:absolute;font-family:Outfit,sans-serif;font-weight:800;letter-spacing:-.03em}.severity-critical{background:#ef44441f;color:#ef4444;border-color:#ef444440}.severity-high{background:#f973161f;color:#f97316;border-color:#f9731640}.severity-medium{background:#f59e0b1f;color:#f59e0b;border-color:#f59e0b40}.severity-low{background:#22c55e1f;color:#22c55e;border-color:#22c55e40}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-glow{animation:pulse-glow 4s ease-in-out infinite}.animate-slide-up{animation:slide-up .6s cubic-bezier(.16,1,.3,1) forwards}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#000;font-weight:800;border-radius:16px;padding:16px;box-shadow:0 10px 20px -5px #10b98166;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:active{transform:scale(.96);box-shadow:0 5px 10px -3px #10b98166}.iphone-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top right,rgba(16,185,129,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(59,130,246,.05),transparent 40%)}.mobile-body::-webkit-scrollbar{display:none}.mobile-body{scrollbar-width:none}.menu-item{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;font-size:14px;font-weight:600;transition:background .15s ease}.menu-item:active{background:#ffffff08}.menu-divider{height:1px;background:var(--border);margin:0 20px}.pull-hint{display:flex;justify-content:center;padding:8px;color:var(--text-muted);font-size:11px;font-weight:600}