:root{--color-bg1: #060709;--color-bg2: #0C0E14;--color-neon-cyan: #00F0FF;--color-neon-purple: #BD00FF;--header-height: 70px}html,body{font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at center,var(--color-bg2) 0%,var(--color-bg1) 100%);color:#e2e8f0;margin:0;padding:0;overflow-x:hidden;min-height:100vh}#three-canvas{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1;pointer-events:auto;background:transparent}.page-content{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;pointer-events:none}.site-header{position:sticky;top:0;width:100%;height:var(--header-height);z-index:300;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#060709bf;border-bottom:1px solid rgba(255,255,255,.08);box-sizing:border-box;pointer-events:auto}.site-header .container{max-width:100%;height:100%;margin:0;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Syncopate,sans-serif;font-size:20px;color:#fff;opacity:.95;transition:opacity .2s ease;text-decoration:none}.logo:hover{opacity:1}.nav .menu{list-style:none;display:flex;gap:24px;margin:0;padding:0;align-items:center}.nav .menu li a{color:#94a3b8;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:1.5px;font-family:Share Tech Mono,monospace;transition:color .2s ease,text-shadow .2s ease}.nav .menu li a:hover,.nav .menu li a:focus{color:var(--color-neon-cyan);text-shadow:0 0 8px rgba(0,240,255,.4);outline:none}.hamburger{display:none;background:transparent;border:none;width:32px;height:24px;cursor:pointer}.hamburger .bar{display:block;height:2px;margin:5px 0;border-radius:1px;background:#fff;transition:transform .22s ease,opacity .22s ease}@media(max-width:768px){.site-header .container{padding:0 24px}.nav .menu{position:absolute;top:var(--header-height);right:0;width:100%;background:#060709f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);padding:24px;flex-direction:column;gap:16px;display:none;box-shadow:0 10px 30px #00000080;box-sizing:border-box}.hamburger{display:block}.nav.open .menu{display:flex}.nav.open .hamburger .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.open .hamburger .bar:nth-child(2){opacity:0;transform:scaleX(0)}.nav.open .hamburger .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.dashboard-grid{flex-grow:1;display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:auto auto;box-sizing:border-box}.grid-cell{position:relative;background:#08090c73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);transition:background-color .3s ease;box-sizing:border-box;display:flex;flex-direction:column;pointer-events:auto}.grid-cell:hover{background:#08090c8c}.grid-cell .cell-inner{padding:48px;display:flex;flex-direction:column;height:100%;justify-content:center;box-sizing:border-box}.hero-cell{grid-column:1;grid-row:1/3}.hero-cell .tech-indicator{font-family:Share Tech Mono,monospace;font-size:12px;letter-spacing:2px;color:var(--color-neon-cyan);display:flex;align-items:center;gap:8px;margin-bottom:16px}.hero-cell .tech-indicator .pulse-dot{display:inline-block;width:6px;height:6px;background:var(--color-neon-cyan);border-radius:50%;box-shadow:0 0 8px var(--color-neon-cyan);animation:pulse 1.5s infinite}.hero-cell .hero-title{font-family:Syncopate,sans-serif;font-size:clamp(38px,5.5vw,68px);font-weight:700;margin:12px 0;line-height:.95;letter-spacing:-2px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.95);transition:color .25s ease,-webkit-text-stroke .25s ease,text-shadow .25s ease}.hero-cell .hero-title:hover{color:#fff;-webkit-text-stroke:0px transparent;text-shadow:0 0 20px rgba(0,240,255,.5)}.hero-cell .hero-sub{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:4px;color:#94a3b8;margin-bottom:36px}.hero-cell .tech-specs{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:24px 0;margin-bottom:32px;display:flex;flex-direction:column;gap:12px}.hero-cell .tech-specs .spec-line{display:flex;justify-content:space-between;font-family:Share Tech Mono,monospace;font-size:13px}.hero-cell .tech-specs .spec-line .spec-label{color:#64748b}.hero-cell .tech-specs .spec-line .spec-value{color:#fff}.hero-cell .hero-desc{font-size:16px;line-height:1.6;color:#94a3b8;margin:0}.stage-cell{grid-column:2;grid-row:1/3;background:transparent;pointer-events:none}.stage-cell:hover{background:transparent}.stage-cell .cell-inner{justify-content:flex-end;align-items:center}.stage-cell .drag-hint{font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:2px;color:#64748b;background:#06070999;border:1px solid rgba(255,255,255,.05);padding:8px 16px;border-radius:4px;animation:breathe 3s infinite ease-in-out}.stats-cell{grid-column:3;grid-row:1}.stats-cell .cell-header{font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:2px;color:#64748b;margin-bottom:24px}.stats-cell .stats-container{display:flex;flex-direction:column;gap:24px}.stats-cell .stat-item{border-left:2px solid rgba(255,255,255,.08);padding-left:18px}.stats-cell .stat-item .stat-label{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:500;letter-spacing:1.5px;color:#64748b;margin-bottom:4px}.stats-cell .stat-item .stat-value{font-family:Share Tech Mono,monospace;font-size:42px;font-weight:700;color:#fff}.stats-cell .stat-item .text-glow-cyan{color:var(--color-neon-cyan);text-shadow:0 0 12px rgba(0,240,255,.45)}.stats-cell .stat-item .text-glow-purple{color:var(--color-neon-purple);text-shadow:0 0 12px rgba(189,0,255,.4)}.form-cell{grid-column:3;grid-row:2}.form-cell .cell-header{font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:2px;color:#64748b;margin-bottom:24px}.form-cell .dashboard-form{display:flex;flex-direction:column;gap:16px;width:100%}.form-cell .dashboard-form .form-group{display:flex;flex-direction:column;gap:6px;text-align:left}.form-cell .dashboard-form .form-label{font-family:Share Tech Mono,monospace;font-size:10px;letter-spacing:1.5px;color:#64748b}.form-cell .dashboard-form .form-input{width:100%;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#fff;font-family:Space Grotesk,sans-serif;font-size:13px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-sizing:border-box}.form-cell .dashboard-form .form-input::placeholder{color:#fff3}.form-cell .dashboard-form .form-input:focus{background:#ffffff0d;border-color:var(--color-neon-cyan);box-shadow:0 0 10px #00f0ff40}.form-cell .dashboard-form .submit-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--color-neon-cyan),var(--color-neon-purple));border:none;border-radius:4px;color:#fff;font-weight:700;font-size:13px;font-family:Share Tech Mono,monospace;letter-spacing:1.5px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;margin-top:8px;box-sizing:border-box}.form-cell .dashboard-form .submit-btn:hover{transform:translateY(-1px);box-shadow:0 0 15px #00f0ff59}.form-cell .dashboard-form .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.form-cell .dashboard-form .form-status{font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:1px;margin-top:4px}.form-cell .dashboard-form .form-status.success{color:#10b981}.form-cell .dashboard-form .form-status.error{color:#ef4444}.links-cell{grid-column:1/4;grid-row:3;border-bottom:none}.links-cell .cell-inner{padding:36px 48px;justify-content:flex-start}.links-cell .cell-header{font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:2px;color:#64748b;margin-bottom:20px}.links-cell .api-endpoints-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:40px}.links-cell .api-endpoints-list li{display:flex;align-items:center;gap:16px;font-family:Share Tech Mono,monospace;font-size:14px}.links-cell .endpoint-method{font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px;letter-spacing:.5px;border:1px solid transparent}.links-cell .endpoint-method.get{color:var(--color-neon-cyan);border-color:#00f0ff4d;background:#00f0ff0d}.links-cell .endpoint-method.post{color:var(--color-neon-purple);border-color:#bd00ff4d;background:#bd00ff0d}.links-cell .endpoint-url{color:#e2e8f0;text-decoration:none;transition:color .15s ease}.links-cell .endpoint-url:hover{color:var(--color-neon-cyan);text-decoration:underline}.links-cell .endpoint-desc{color:#64748b;font-size:12px}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 12px var(--color-neon-cyan)}to{transform:scale(1);opacity:.8}}@keyframes breathe{0%,to{opacity:.6}50%{opacity:.9}}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr 1fr}.hero-cell{grid-column:1/3;grid-row:auto}.stage-cell{grid-column:1;grid-row:auto;height:380px}.stats-cell{grid-column:2;grid-row:auto}.form-cell,.links-cell{grid-column:1/3;grid-row:auto}}@media(max-width:768px){.dashboard-grid{display:flex;flex-direction:column}.grid-cell{border-right:none}.grid-cell .cell-inner{padding:36px 24px}.stage-cell{height:320px}.links-cell .api-endpoints-list{flex-direction:column;gap:16px}}