:root{--bg:#030a16;--text:#e2e8f0;--muted-text:rgba(226,232,240,.7);--muted:rgba(148,163,184,.4);--accent:#00f2ff;--accent-glow:rgba(0,242,255,.3);--amber:#facc15;--amber-glow:rgba(250,204,21,.6);--sphere-bg:radial-gradient(circle at 50% 50%,#1a3a61,#030a16);--font-main:'Space Grotesk',sans-serif;--font-mono:'JetBrains Mono',monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container{margin-top:-5%;position:relative;z-index:10;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:clamp(30px,6vh,60px);opacity:0;filter:blur(15px);transform:scale(.98);transition:opacity 1s ease,filter 1s ease,transform 1s ease}.container.loaded{opacity:1;filter:blur(0);transform:scale(1)}.overlay{position:fixed;inset:0;z-index:1;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.05) 50%),linear-gradient(90deg,rgba(255,0,0,.01),rgba(0,255,0,.01),rgba(0,255,0,.01));background-size:100% 4px,4px 100%;pointer-events:none}#bg-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%}#intro-screen{position:fixed;inset:0;z-index:9999;background-color:#030a16;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s ease-out,transform .5s ease-out,visibility .5s;will-change:transform,opacity;transform-origin:center center}#intro-screen.zoom-out{opacity:0;transform:scale(5);visibility:hidden}#intro-canvas{position:absolute;inset:0;width:100%;height:100%}#intro-timer{position:absolute;bottom:calc(25% + 20px);font-family:var(--font-mono);font-size:16px;color:var(--amber);letter-spacing:.1em;text-shadow:0 0 8px var(--amber-glow);opacity:.8;animation:intro-timer-flicker 3s ease-in-out infinite}.intro-loader{position:absolute;bottom:25%;width:140px;height:2px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;z-index:10}.intro-bar{width:0%;height:100%;background-color:var(--amber);box-shadow:0 0 10px var(--amber-glow);animation:bar-pulse .2s infinite alternate}header{width:100%;text-align:center}.name-wrapper{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;cursor:default;max-width:100%}#name-neural-canvas{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);z-index:1;opacity:0;transition:opacity 1.5s ease;pointer-events:none}.name-wrapper:hover #name-neural-canvas,.name-wrapper.intro-active #name-neural-canvas{opacity:.65}header h1{margin:0;font-size:clamp(24px,4vw,42px);text-transform:uppercase;letter-spacing:clamp(.15em,2vw,.55em);margin-right:-.55em;white-space:nowrap;color:#fff;font-weight:300;position:relative;z-index:5;display:flex;flex-wrap:wrap;justify-content:center;gap:.5em;opacity:0;transition:text-shadow .8s ease;animation:tracking-in-expand 1.4s cubic-bezier(.215,.61,.355,1) .3s forwards}.name-wrapper:hover h1,.name-wrapper.intro-active h1{text-shadow:0 0 20px rgba(255,255,255,.2),0 0 40px rgba(0,242,255,.7)}header h1 span{position:relative;display:inline-block}header h1 span::after{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.4) 50%,transparent 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none;opacity:0;transition:opacity .8s ease;z-index:6}.name-wrapper:hover h1 span::after,.name-wrapper.intro-active h1 span::after{opacity:1;animation:gloss-animation 5s linear infinite}.nodes-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:35px;max-width:740px;width:100%;padding:10px}.data-core{text-decoration:none;color:inherit;width:clamp(130px,18vw,150px);height:clamp(130px,18vw,150px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:var(--sphere-bg);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 15px rgba(0,242,255,.02),0 10px 40px rgba(0,0,0,.6);overflow:visible;opacity:0;will-change:transform,opacity;transform-style:preserve-3d;backface-visibility:hidden}.data-core.visible{opacity:1;transform:scale(1)}.data-core:nth-last-child(-n+4){width:clamp(110px,14vw,120px);height:clamp(110px,14vw,120px)}.data-core:hover{animation-play-state:paused!important;transform:scale(1.08) translateY(-10px)!important;border-color:rgba(250,204,21,.25);background:radial-gradient(circle at 50% 50%,#4a3a05,#030a16);box-shadow:0 0 50px rgba(250,204,21,.3);z-index:100;transition:all .3s ease}.data-core::before{content:'';position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(0,242,255,.1);pointer-events:none;z-index:1;animation:rotate-cw 60s linear infinite}.core-icon{width:clamp(36px,8vw,48px);height:clamp(36px,8vw,48px);margin-bottom:8px;position:relative;z-index:5;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.9);filter:drop-shadow(0 0 5px var(--accent-glow));transition:all .5s ease;transform:translateZ(10px);backface-visibility:hidden}.data-core:hover .core-icon{color:#fff;filter:drop-shadow(0 0 10px var(--amber))}.data-core:nth-last-child(-n+4) .core-icon{width:clamp(22px,5vw,28px);height:clamp(22px,5vw,28px);margin-bottom:4px}.core-icon svg{width:100%;height:100%;display:block}.core-title{font-size:clamp(8px,1.8vw,10.5px);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;font-weight:600;color:var(--muted-text);position:relative;z-index:5;text-align:center;max-width:90%;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:color .5s ease;transform:translateZ(10px);backface-visibility:hidden;will-change:transform}.data-core:hover .core-title{color:var(--amber)}.flow-dot{position:absolute;width:3px;height:3px;background:var(--amber);border-radius:50%;pointer-events:none;z-index:2;box-shadow:0 0 4px rgba(250,204,21,.4)}.modal-overlay{position:fixed;inset:0;background-color:rgba(3,10,22,.8);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{background:var(--sphere-bg);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:40px;width:90%;max-width:500px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 20px var(--accent-glow);transform:scale(.95);transition:transform .4s ease}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-content.success{border-color:rgba(34,197,94,.4);box-shadow:0 0 25px rgba(34,197,94,.3)}.modal-content.error{border-color:rgba(239,68,68,.4);box-shadow:0 0 25px rgba(239,68,68,.3)}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--muted-text);font-size:24px;cursor:pointer;transition:color .3s,transform .3s}.modal-close:hover{color:var(--amber);transform:rotate(90deg)}.modal-content h2{font-size:24px;margin-bottom:25px;text-align:center;text-transform:uppercase;letter-spacing:.2em;color:var(--text);text-shadow:0 0 10px var(--accent-glow)}.form-group{margin-bottom:20px}.form-group label{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px;color:var(--muted-text)}.form-group input,.form-group textarea{width:100%;background-color:rgba(0,0,0,.2);border:1px solid var(--muted);border-radius:4px;padding:12px;color:var(--text);font-family:var(--font-main);font-size:16px;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 15px var(--amber-glow)}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{width:100%;padding:15px;background-color:var(--amber);color:var(--bg);border:none;border-radius:4px;font-family:var(--font-mono);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transition:background-color .3s,box-shadow .3s;box-shadow:0 0 15px var(--amber-glow)}.submit-btn:hover{background-color:#ffde59;box-shadow:0 0 25px var(--amber-glow)}footer{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.25em;color:var(--text);opacity:0;margin-top:20px;text-align:center;animation:footer-fade-in 2s ease forwards 4.5s;text-shadow:0 0 10px rgba(0,242,255,.4);cursor:default}@keyframes bar-pulse{from{box-shadow:0 0 5px var(--amber-glow);opacity:.8}to{box-shadow:0 0 15px var(--amber),0 0 5px #fff;opacity:1}}@keyframes gloss-animation{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes tracking-in-expand{0%{letter-spacing:-.2em;opacity:0;filter:blur(10px)}100%{opacity:1;filter:blur(0)}}@keyframes core-entrance{0%{opacity:0;transform:scale(.85);filter:blur(15px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes rotate-cw{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cyan-outer-pulse{0%,100%{box-shadow:0 0 15px rgba(0,0,0,.7)}50%{box-shadow:0 0 40px rgba(0,242,255,.12),0 0 15px rgba(0,242,255,.04)}}@keyframes float-1{0%,100%{transform:translate(0,0)}33%{transform:translate(10px,-12px)}66%{transform:translate(-8px,-18px)}}@keyframes float-2{0%,100%{transform:translate(0,0)}40%{transform:translate(-8px,-15px)}75%{transform:translate(12px,-8px)}}@keyframes float-3{0%,100%{transform:translate(0,0)}25%{transform:translate(5px,-20px)}60%{transform:translate(-12px,-12px)}}@keyframes float-4{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-25px)}80%{transform:translate(-8px,-8px)}}.core-anim-1{animation:core-entrance 1.5s forwards,float-1 12s ease-in-out infinite,cyan-outer-pulse 10s ease-in-out infinite}.core-anim-2{animation:core-entrance 1.5s forwards,float-2 15s ease-in-out infinite,cyan-outer-pulse 14s ease-in-out infinite}.core-anim-3{animation:core-entrance 1.5s forwards,float-3 18s ease-in-out infinite,cyan-outer-pulse 12s ease-in-out infinite}.core-anim-4{animation:core-entrance 1.5s forwards,float-4 14s ease-in-out infinite,cyan-outer-pulse 16s ease-in-out infinite}@keyframes footer-fade-in{to{opacity:.45}}@keyframes intro-timer-flicker{0%,100%{opacity:.8;text-shadow:0 0 8px var(--amber-glow)}50%{opacity:1;text-shadow:0 0 12px var(--amber)}}@media (max-width:768px){#name-neural-canvas{display:none}header h1{flex-direction:column;gap:0;font-size:clamp(34px,10vw,42px);letter-spacing:.15em;margin-right:0;line-height:1.2}header h1 span{display:block;margin-right:-.15em}.nodes-grid{gap:15px;max-width:400px}}.message-modal-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);transition:box-shadow .3s ease}.message-modal-icon svg{width:42px;height:42px;display:block}.modal-content.success .message-modal-icon{color:#22c55e;box-shadow:0 0 24px rgba(34,197,94,.28)}.modal-content.error .message-modal-icon{color:#ef4444;box-shadow:0 0 24px rgba(239,68,68,.28)}.name-wrapper h1{color:rgba(255,255,255,.98);text-shadow:0 2px 10px rgba(0,0,0,.55),0 0 14px rgba(0,242,255,.16);font-weight:400}.name-wrapper h1 span{filter:contrast(1.05) brightness(1.03)}.hp-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.message-modal-text{text-align:center;font-size:16px;line-height:1.6}