:root{--ink:#040806;--ink-dim:#0a100d;--ink-mid:#101813;--surface:#17201a;--accent:#10b981;--accent-secondary:#059669;--accent-highlight:#00f59b;--text-primary:#f9f6ee;--text-subheading:#e8e3d9;--text-muted:#b5b1a8;--text-dim:#8f8c84;--text-caption:#737069;--text-gradient-primary:linear-gradient(135deg, #fff 0%, #f5e6c8 100%);--text-gradient-emerald:linear-gradient(135deg, #f3e5ab 0%, #d4af37 100%);--text-gradient-gold:linear-gradient(135deg, #fde68a 0%, #b45309 100%);--border:#10b98126;--border-strong:#10b9814d;--border-white:#ffffff14;--glow-emerald:0 0 40px -10px #10b98166, 0 0 15px -5px #10b98133;--glow-gold:0 0 40px -10px #d4af3766, 0 0 15px -5px #d4af3733;--card-bg:linear-gradient(145deg, #192823a6 0%, #060c0ad9 100%);--section-bg:var(--ink);--glass-bg:#0a140fb3;--glass-surface:#0f191499;--glass-border:#ffffff26;--glass-specular:inset 0 2px 3px 0 #ffffff59, inset 0 -1px 3px 0 #000c, 0 1px 0 0 #ffffff1a;--shadow-luxury:0 40px 80px -20px #000000f2, 0 0 40px #10b98126;--ease-spring:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--ink);color:var(--text-primary);cursor:none;font-family:Outfit,sans-serif;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:1000;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'/%3E%3C/svg%3E");position:fixed;inset:0}#bg-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#main-content{z-index:1;position:relative}.cursor{background:var(--text-primary);pointer-events:none;z-index:9999;border-radius:50%;width:10px;height:10px;transition:width .2s,height .2s,background .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor.hovering{background:var(--accent);box-shadow:0 0 15px #38bdf8cc}.cursor-ring{border:1px solid var(--accent);pointer-events:none;z-index:9998;opacity:.5;border-radius:50%;width:36px;height:36px;transition:width .25s,height .25s,opacity .25s,border-color .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring.clicking{border-color:var(--accent-secondary);opacity:1;width:24px;height:24px}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}