:root{--os-bg: #0A0A0E;--os-panel: rgba(13, 13, 18, .7);--os-accent: #a855f7;--os-accent-glow: rgba(168, 85, 247, .4);--os-magenta: #ec4899;--os-magenta-glow: rgba(236, 72, 153, .4);--os-border: rgba(255, 255, 255, .08);--os-border-bright: rgba(255, 255, 255, .15);--glass-blur: 24px;--noise-opacity: .03;--radius-pro: 1.25rem}@font-face{font-family:Satoshi;src:url(https://cdn.fontshare.com/wf/TTN65H6YGV4S2HEXTL7OXY6UJSZ2R54Y/765W7G5JNKP5Y5S2HEXTL7OXY6UJSZ2R5/KPT5Y5S2HEXTL7OXY6UJSZ2R54Y.woff2) format("woff2");font-weight:300 900;font-display:swap;font-style:normal}body{margin:0;padding:0;background:var(--os-bg);color:#fff;font-family:Montserrat,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3column%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:var(--noise-opacity);pointer-events:none;z-index:999}.os-grid{background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.03) 1px,transparent 0);background-size:32px 32px}.os-aura{position:absolute;filter:blur(120px);border-radius:50%;opacity:.4;z-index:0;pointer-events:none;animation:aura-float 20s infinite alternate ease-in-out}@keyframes aura-float{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,10%) scale(1.1)}to{transform:translate(-5%,-5%) scale(.9)}}.glass-panel{background:var(--os-panel);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--os-border);box-shadow:0 8px 32px #000c}.glass-panel:hover{border-color:var(--os-border-bright)}.os-active-module{background:linear-gradient(90deg,rgba(168,85,247,.1) 0%,transparent 100%);border-left:2px solid var(--os-accent);box-shadow:inset 4px 0 12px -4px var(--os-accent-glow)}.glow-text-purple{text-shadow:0 0 20px rgba(168,85,247,.5)}.gradient-text-os{background:linear-gradient(135deg,#fff,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.os-render-btn{position:relative;overflow:hidden;transition:all .3s ease}.os-render-btn:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(90deg,transparent,var(--os-accent),var(--os-magenta),transparent);background-size:200% 100%;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.os-render-btn:hover:after{opacity:1;animation:border-flow 2s linear infinite}@keyframes border-flow{0%{background-position:100% 0}to{background-position:-100% 0}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.reveal-up{opacity:0;transform:translateY(20px);animation:reveal-up .8s cubic-bezier(.23,1,.32,1) forwards}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:after{content:"";position:absolute;top:0;left:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite linear}input,textarea,select{background:#ffffff08;border:1px solid var(--os-border);color:#fff;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--os-accent);box-shadow:0 0 0 4px var(--os-accent-glow)}.os-mobile-stage{aspect-ratio:1/1;width:100%;border-radius:24px;background:radial-gradient(circle at center,rgba(168,85,247,.05) 0%,transparent 70%);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.os-mobile-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:20px 20px}.glass-dock{background:#0d0d12cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08)}.card-selector{border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .2s cubic-bezier(.4,0,.2,1)}.card-selector.active{background:#a855f71a;border-color:var(--os-accent);box-shadow:0 0 20px var(--os-accent-glow)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.os-mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff6;font-size:10px;font-weight:600;transition:all .2s ease}.os-mobile-nav-item.active{color:#fff}.os-mobile-nav-item.active .icon-container{background:var(--os-accent);box-shadow:0 0 15px var(--os-accent-glow)}.os-mobile-nav-item .icon-container{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}