/* eva's spaceship — neon matrix x tamagotchi skin */
:root{--bg:#060810;--bg-2:#0a0f24;--fg:#E9FDF2;--muted:#9EE5C4;--accent:#62FFC7;--accent-2:#7C8CFF;--accent-3:#FF7CE3;--card:#0b1228;--card-border:#233157;--glow:0 0 24px #62ffc733,0 0 48px #7c8cff22}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--fg);background:
  radial-gradient(1200px 800px at 10% -10%, #0d1336 0%, transparent 60%),
  linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);line-height:1.6;text-transform:lowercase}
.rain{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18}
.rain::before,.rain::after{content:"";position:absolute;inset:-20%;background:
  repeating-linear-gradient(180deg,#7c8cff,#7c8cff 1px,transparent 1px,transparent 6px),
  repeating-linear-gradient(180deg,#62ffc7,#62ffc7 1px,transparent 1px,transparent 8px),
  repeating-linear-gradient(180deg,#ff7ce3,#ff7ce3 1px,transparent 1px,transparent 10px);
  filter:blur(1px);animation:fall 18s linear infinite}
.rain::after{animation-duration:28s;opacity:.65;transform:translateX(20px)}
@keyframes fall{from{transform:translateY(-10%)}to{transform:translateY(10%)}}
.wrap{max-width:1100px;margin:0 auto;padding:24px}
.term{background:linear-gradient(180deg,#0b1228,#0a1133);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;box-shadow:var(--glow)}
.frame{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(180deg,#0e1640,#0b1330);border-bottom:1px solid var(--card-border)}
.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f56}.amber{background:#ffbd2e}.green{background:#27c93f}
.title{margin-left:auto;margin-right:auto;color:#B9C6FF;font-size:12px;letter-spacing:.08em}
.screen{position:relative}
.screen::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.02) 50%, rgba(0,0,0,.05) 50%);background-size:100% 4px;mix-blend:overlay;opacity:.25;pointer-events:none}
h1{font-size:clamp(34px,6vw,64px);line-height:1.1;margin:10px 0 8px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px #62ffc722}
.lead{color:var(--muted);font-size:clamp(16px,2vw,20px)}
.nav,.cta-row{display:flex;gap:12px;flex-wrap:wrap;padding:16px 24px}
.chip{padding:6px 10px;border:1px solid var(--card-border);border-radius:999px;background:#0d1536;color:var(--fg);box-shadow:var(--glow);text-decoration:none}
.chip:hover{border-color:#7c8cff}
.block{padding:22px 24px;border-bottom:1px dashed var(--card-border)}
.subtle{color:var(--muted)}
.section-title{font-size:clamp(22px,3vw,28px);margin:0 0 6px;color:#EAF7FF}
.section-kicker{font-size:12px;letter-spacing:.12em;color:#B9C6FF;opacity:.9}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.card{grid-column:span 6;background:#0d1536;border:1px solid var(--card-border);border-radius:14px;padding:16px;box-shadow:var(--glow)}
.card h3{margin:2px 0 6px;font-size:18px;color:#EAF7FF}
.card p{margin:0;color:var(--muted)}
.card a{text-decoration:none}
@media (max-width:900px){.card{grid-column:span 12}}
input,textarea,button{font:inherit;color:var(--fg);background:#0d1536;border:1px solid var(--card-border);border-radius:10px;padding:10px 12px;box-shadow:var(--glow)}
button{cursor:pointer} button.primary{background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#081222}
.mascot{width:110px;height:110px;border-radius:18px;background:
  radial-gradient(circle at 35% 30%, #7c8cff 0%, #62ffc7 35%, transparent 36%),
  radial-gradient(circle at 65% 70%, #ff7ce3 0%, #7c8cff 30%, transparent 31%),
  linear-gradient(180deg,#0a1335,#071028);border:1px solid var(--card-border);box-shadow:var(--glow);position:relative}
.mascot::after{content:\"\";position:absolute;inset:14px;border-radius:12px;background:radial-gradient(120px 60px at 50% 40%, #62ffc755, transparent 60%)}
.mascot-eye{position:absolute;left:28px;top:46px;width:14px;height:14px;background:#EAF7FF;border-radius:50%;box-shadow:0 0 12px #eaf7ff88}
.mascot-eye.right{left:auto;right:28px}
.mascot-thruster{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:24px;height:24px;background:radial-gradient(circle,#ff7ce3,transparent 60%);filter:blur(6px);animation:purr 2s ease-in-out infinite}
@keyframes purr{50%{transform:translateX(-50%) scale(1.12)}}
.footer{padding:22px 24px;color:var(--muted);text-align:center}