:root{--primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ef4444 100%);--liquid-purple: hsla(270, 100%, 60%, .4);--liquid-blue: hsla(210, 100%, 50%, .4);--liquid-red: hsla(0, 100%, 60%, .3);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--glass-highlight: rgba(255, 255, 255, .08);--text-gradient: linear-gradient(to right, #ffffff, #f0f4f8);--mesh-bg: #030712;--mesh-1: var(--liquid-purple);--mesh-2: var(--liquid-blue);--mesh-3: var(--liquid-red);--mesh-4: hsla(280, 80%, 50%, .2);--nav-bg-scrolled: rgba(3, 7, 18, .8);--nav-border: rgba(255, 255, 255, .05)}.dark{--nav-bg: rgba(2, 4, 10, .4);--nav-bg-scrolled: rgba(2, 4, 10, .8);--nav-border: rgba(255, 255, 255, .05)}.light{--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .2);--glass-highlight: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--text-gradient: linear-gradient(to right, #0f172a, #475569);--mesh-bg: #f8fafc;--mesh-1: hsla(210, 40%, 96%, 1);--mesh-2: hsla(220, 100%, 95%, 1);--mesh-3: hsla(260, 100%, 95%, 1);--nav-bg: rgba(255, 255, 255, .7);--nav-border: rgba(0, 0, 0, .05)}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-navbar{background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border)}.glass-frame{background:#ffffff03;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 80px #0003;position:relative;z-index:1}.dark .glass-frame{background:#0003;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 100px #ffffff03}.text-gradient,.text-liquid{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-mesh{background-color:var(--mesh-bg);background-image:radial-gradient(at 0% 0%,var(--mesh-1) 0px,transparent 50%),radial-gradient(at 100% 0%,var(--mesh-2) 0px,transparent 50%),radial-gradient(at 100% 100%,var(--mesh-3) 0px,transparent 50%),radial-gradient(at 0% 100%,var(--mesh-4) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(99,102,241,.05) 0px,transparent 50%);background-attachment:fixed;transition:background-color .5s ease}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}.hover-lift{transition:transform .2s cubic-bezier(.33,1,.68,1)}.hover-lift:hover{transform:translateY(-4px)}