:root{--cyber-bg-black:#faf8f5;--cyber-bg-card:#ffffffe6;--cyber-bg-card-hover:#f5f5f8f2;--cyber-bg-ribbon:#f5f5f8f0;--cyber-accent-indigo:#4f46e5;--cyber-accent-purple:#9333ea;--cyber-accent-cyan:#0284c7;--cyber-accent-glow:#4f46e540;--cyber-text-display:#09090b;--cyber-text-silver:#18181b;--cyber-text-muted:#6b7280;--cyber-border-hairline:#00000014;--cyber-border-highlight:#00000029;--font-michroma:"Michroma", sans-serif;--font-exo:"Exo 2", sans-serif}.dark{--cyber-bg-black:#000;--cyber-bg-card:#0a0a0ccc;--cyber-bg-card-hover:#101014eb;--cyber-bg-ribbon:#08080ce6;--cyber-accent-indigo:#818cf8;--cyber-accent-purple:#c084fc;--cyber-accent-cyan:#38bdf8;--cyber-accent-glow:#818cf859;--cyber-text-display:#fff;--cyber-text-silver:#ede8e8;--cyber-text-muted:#8b8b95;--cyber-border-hairline:#ffffff14;--cyber-border-highlight:#ffffff29}html,body{color:var(--foreground);min-height:100%;position:relative;background-color:var(--canvas)!important}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 20%,#000 50%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 20%,#000 50%,#0000 100%)}.font-michroma{font-family:var(--font-michroma), monospace;letter-spacing:.04em}.font-exo{font-family:var(--font-exo), sans-serif}.noise-overlay{pointer-events:none;z-index:1;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;inset:0;transform:translateZ(0)}.ribbon-wrapper{pointer-events:none;width:100vw;margin-top:-20px;margin-bottom:-20px;padding:60px 0;position:relative;left:50%;overflow:visible;transform:translate(-50%)}.ribbon-banner-1{will-change:transform;backface-visibility:hidden;background:var(--cyber-bg-ribbon);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--cyber-border-hairline);border-bottom:1px solid var(--cyber-border-hairline);white-space:nowrap;z-index:10;width:200vw;padding:16px 0;position:relative;left:50%;overflow:hidden;transform:translate(-50%)rotate(-5deg)translateZ(0);box-shadow:0 10px 30px #000c}.ribbon-banner-2{will-change:transform;backface-visibility:hidden;background:var(--cyber-bg-ribbon);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--cyber-border-hairline);border-bottom:1px solid var(--cyber-border-hairline);white-space:nowrap;z-index:9;width:200vw;margin-top:-18px;padding:14px 0;position:relative;left:50%;overflow:hidden;transform:translate(-50%)rotate(3.5deg)translateZ(0);box-shadow:0 10px 30px #0003}.ribbon-item-text{font-family:var(--font-michroma), monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--cyber-text-silver);white-space:nowrap;font-size:.95rem;display:inline-block}.ribbon-star,.ribbon-diamond,.ribbon-prism{color:var(--cyber-accent-indigo);text-shadow:0 0 10px var(--cyber-accent-glow);vertical-align:middle;font-size:.95rem;line-height:1;display:inline-block}.ribbon-prism{color:var(--cyber-accent-purple);text-shadow:0 0 10px #c084fc66;font-size:.8rem}.ribbon-diamond-cyan{color:var(--cyber-accent-cyan);text-shadow:0 0 10px #38bdf866}.typing-cursor-block{background-color:var(--color-accent,#818cf8);vertical-align:-.18em;width:7px;height:1.15em;box-shadow:0 0 8px var(--cyber-accent-glow);border-radius:1px;margin-left:6px;animation:.9s infinite cursorBlockBlink;display:inline-block}@keyframes cursorBlockBlink{0%,to{opacity:1}50%{opacity:0}}.naming-hero-text{font-family:var(--font-michroma), monospace;color:var(--foreground);letter-spacing:-.01em;text-transform:none;-webkit-user-select:none;user-select:none;font-weight:400;line-height:1.15}.hatch-pattern-box{vertical-align:baseline;align-self:baseline;display:inline-flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){html.has-custom-cursor,html.has-custom-cursor *,html.has-custom-cursor body,html.has-custom-cursor a,html.has-custom-cursor button,html.has-custom-cursor input,html.has-custom-cursor textarea,html.has-custom-cursor select,html.has-custom-cursor [role=button]{cursor:none!important}}.custom-cursor-dot{background-color:var(--foreground);pointer-events:none;z-index:99999;will-change:transform;border-radius:50%;width:7px;height:7px;position:fixed;top:0;left:0}.custom-cursor-ring{border:1.5px solid var(--hairline-strong);pointer-events:none;z-index:99998;will-change:transform;border-radius:50%;width:32px;height:32px;transition:border-color .2s,background-color .2s;position:fixed;top:0;left:0}.custom-cursor-ring.is-hovered{border-color:var(--color-accent,#818cf8);background-color:#0000}.custom-cursor-lens{pointer-events:none;z-index:99997;mix-blend-mode:difference;will-change:transform;background-color:#ede8e8;border-radius:50%;width:140px;height:140px;position:fixed;top:0;left:0}