:root{--bg: #0a0b0d;--bg-2: #0e1013;--bg-3: #14171c;--ink: #f5f7f4;--ink-dim: #a7adb4;--ink-faint: #6d747c;--lime: #c9f24a;--lime-deep: #a6d62f;--amber: #ffc21f;--danger: #ff5d5d;--glow-lime: 0 0 0 1px rgba(201, 242, 74, .25), 0 8px 30px -8px rgba(201, 242, 74, .55);--glow-amber: 0 0 0 1px rgba(255, 194, 31, .25), 0 8px 30px -8px rgba(255, 194, 31, .45);--glass: rgba(255, 255, 255, .045);--glass-2: rgba(255, 255, 255, .07);--glass-brd: rgba(255, 255, 255, .1);--glass-brd-2: rgba(255, 255, 255, .16);--sh-sm: 0 1px 2px rgba(0, 0, 0, .4);--sh-md: 0 6px 20px -6px rgba(0, 0, 0, .6);--sh-lg: 0 24px 60px -18px rgba(0, 0, 0, .75);--sh-card: 0 2px 4px rgba(0,0,0,.4), 0 16px 40px -16px rgba(0,0,0,.7);--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(60% 45% at 82% 8%,rgba(201,242,74,.14),transparent 60%),radial-gradient(55% 40% at 12% 92%,rgba(255,194,31,.1),transparent 60%),radial-gradient(50% 40% at 50% 50%,rgba(120,140,255,.05),transparent 70%),var(--bg)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.35;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.02;letter-spacing:-.02em;margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-body)}::selection{background:var(--lime);color:#0a0b0d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--glass-2);border-radius:20px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--glass-brd-2);background-clip:padding-box}.gb-glass{background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--glass-brd);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:var(--sh-card),inset 0 1px #ffffff0f}.gb-chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);background:#c9f24a14;border:1px solid rgba(201,242,74,.22);border-radius:999px;padding:5px 12px}.gb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:700;font-size:15px;padding:13px 22px;border-radius:999px;border:0;cursor:pointer;transition:transform .18s var(--ease-spring),box-shadow .25s var(--ease-out),filter .2s;will-change:transform}.gb-btn-primary{color:#0a0b0d;background:linear-gradient(135deg,var(--lime),var(--lime-deep));box-shadow:var(--glow-lime)}.gb-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 0 0 1px #c9f24a59,0 16px 44px -10px #c9f24ab3}.gb-btn-primary:active{transform:translateY(0) scale(.98)}.gb-btn-ghost{color:var(--ink);background:var(--glass);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gb-btn-ghost:hover{background:var(--glass-2);border-color:var(--glass-brd-2);transform:translateY(-1px)}.gb-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none}.gb-input{width:100%;font-family:var(--font-body);font-size:15px;color:var(--ink);background:#00000059;border:1px solid var(--glass-brd);border-radius:var(--r-sm);padding:13px 15px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.gb-input::placeholder{color:var(--ink-faint)}.gb-input:focus{border-color:#c9f24a8c;box-shadow:0 0 0 3px #c9f24a24;background:#00000080}.gb-tilt{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);transition:transform .3s var(--ease-out);will-change:transform}.gb-tilt-lift{transform:translateZ(40px)}@keyframes gb-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes gb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gb-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes gb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gb-pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes gb-slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes gb-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.gb-reveal{opacity:0;animation:gb-fade-up .8s var(--ease-out) forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
