:root{color-scheme:light dark;font-family:Manrope,system-ui,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #0b0d12;--bg-secondary: #1b1f2b;--text-primary: #f7f6f2;--text-muted: #c5cbd7;--text-soft: #9aa3b2;--border-subtle: rgba(126, 215, 255, .08);--border-strong: #3a4152;--accent: #7ed7ff;--accent-strong: #125aa8;--accent-soft: rgba(126, 215, 255, .35);--card-bg: rgba(22, 27, 38, .85);--card-bg-soft: rgba(13, 17, 26, .7);--scanline: rgba(126, 215, 255, .08)}body[data-theme=light]{color-scheme:light;--bg-primary: #f7f6f2;--bg-secondary: #dfe4ee;--text-primary: #121418;--text-muted: #2f3640;--text-soft: #4e5a69;--border-subtle: rgba(18, 20, 24, .1);--border-strong: #c1c7d1;--accent: #2b7fff;--accent-strong: #1b5fbb;--accent-soft: rgba(43, 127, 255, .28);--card-bg: rgba(255, 255, 255, .9);--card-bg-soft: rgba(247, 248, 252, .9);--scanline: rgba(43, 127, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at top,var(--bg-secondary) 0%,var(--bg-primary) 70%);color:var(--text-primary);overflow-x:hidden;transition:background .4s ease,color .4s ease}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}.page{display:flex;flex-direction:column;gap:120px;padding-bottom:80px}.hero{padding:48px clamp(24px,6vw,90px) 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-weight:700;font-size:1.25rem;letter-spacing:.04em}.nav-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-top:72px;align-items:center}.hero-text h1{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.1;margin-bottom:20px}.hero-text h1 span{color:var(--accent);display:block}.eyebrow{text-transform:uppercase;font-size:.85rem;letter-spacing:.3em;color:var(--text-soft);margin-bottom:16px}.lead{font-size:1.1rem;color:var(--text-muted);max-width:520px}.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin:32px 0 40px}.button{padding:12px 22px;border-radius:999px;border:1px solid var(--border-strong);font-weight:600;transition:.3s ease}.button.primary{background:var(--accent);color:var(--bg-primary);border-color:transparent;box-shadow:0 20px 40px var(--accent-soft)}.button.ghost:hover{border-color:var(--accent);color:var(--accent)}.button.primary:hover{transform:translateY(-2px)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;color:var(--text-soft)}.metrics strong{font-size:1.6rem;color:var(--text-primary);display:block}.hero-visual{position:relative;min-height:360px;display:grid;place-items:center;overflow:hidden}.orb{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--accent),var(--accent-strong) 70%);filter:blur(20px);opacity:.7;animation:pulse 6s ease-in-out infinite}.character{position:relative;width:280px;height:320px;display:grid;place-items:center;animation:pulse 4s ease-in-out infinite}.character-head{position:absolute;top:0;width:220px;height:190px;border-radius:45% 45% 40% 40%;background:radial-gradient(circle at 30% 30%,#fff,#dfe7f3 70%);box-shadow:0 24px 40px #0000004d}.face.eye{position:absolute;top:78px;width:26px;height:30px;background:#1b1f2b;border-radius:45%}.face.eye.left{left:60px}.face.eye.right{right:60px}.face.mouth{position:absolute;left:50%;top:115px;width:72px;height:40px;border-radius:0 0 60px 60px;border-bottom:10px solid #1b1f2b;transform:translate(-50%)}.character-body{position:absolute;top:150px;width:220px;height:170px;border-radius:90px;background:linear-gradient(160deg,#2b3241,#141a24);box-shadow:0 20px 32px #00000059;display:grid;place-items:center}.character-arm{position:absolute;top:200px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#dfe7f3 70%);box-shadow:0 18px 30px #00000040}.character-arm.left{left:0}.character-arm.right{right:0}.controller{position:relative;width:190px;height:120px;transform-style:preserve-3d;animation:pulse 6s ease-in-out infinite}.controller-body{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:60px;background:linear-gradient(135deg,#28a2ff,#125aa8);box-shadow:0 20px 40px #00000080;transform:translateZ(12px)}.controller-grip{position:absolute;width:90px;height:90px;bottom:0;background:linear-gradient(180deg,#1f78c5,#0e3f73);border-radius:45px;transform:translateZ(8px)}.controller-grip.left{left:10px}.controller-grip.right{right:10px}.controller-button,.controller-stick{position:absolute;width:18px;height:18px;border-radius:50%;background:#f7f6f2;box-shadow:0 0 12px #fff9;transform:translateZ(18px)}.controller-button.a{right:50px;top:50px}.controller-button.b{right:75px;top:30px;background:#ff6ad5;box-shadow:0 0 12px #ff6ad5b3}.controller-stick{left:60px;top:45px;width:28px;height:28px;background:#1b1f2b;box-shadow:inset 0 0 8px #0006}.scanline{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:linear-gradient(120deg,transparent,var(--scanline),transparent);opacity:.4;animation:scan 8s ease-in-out infinite}.section{padding:0 clamp(24px,6vw,90px);display:grid;gap:32px}.text-link{color:var(--accent);font-weight:600}.text-link:hover{text-decoration:underline}.section-title h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:12px}.section-title p{color:var(--text-soft);max-width:520px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.project-group{display:grid;gap:20px}.project-group h3{font-size:1.4rem}.project-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-weight:600}.project-links a{color:var(--accent)}.card{background:var(--card-bg);padding:24px;border-radius:24px;border:1px solid var(--border-subtle);box-shadow:0 20px 40px #0003}.card h3{margin-bottom:12px}.card p{color:var(--text-muted)}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.timeline-item{padding:18px;border-left:2px solid var(--accent);background:var(--card-bg-soft);border-radius:12px}.timeline-item span{font-weight:600;display:block;margin-bottom:6px}.projects .project span{color:var(--accent);font-size:.9rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.blog-card{padding:24px;border-radius:20px;border:1px dashed rgba(126,215,255,.3);background:var(--card-bg-soft)}.community-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:24px;border:1px solid var(--border-subtle);background:var(--card-bg)}.muted{color:var(--text-soft);margin-top:8px}.contact{align-items:center;gap:24px;background:linear-gradient(120deg,#7ed7ff1f,#ff9efc14);border-radius:32px;margin:0 clamp(24px,6vw,90px);padding:48px clamp(24px,5vw,64px)}.contact-actions{display:flex;gap:16px;flex-wrap:wrap}.contact-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.link-list{display:grid;gap:10px;margin-top:12px;font-weight:600}.link-list a{color:var(--accent);display:inline-flex;align-items:center;gap:8px}.footer{padding:0 clamp(24px,6vw,90px);display:flex;justify-content:space-between;gap:20px;color:var(--text-soft);flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:12px}.footer-links a{display:inline-flex;align-items:center;gap:8px}.social-icon{font-size:1rem;line-height:1}.theme-toggle{border-radius:999px;border:1px solid var(--border-strong);padding:10px 18px;background:transparent;color:var(--text-primary);font-weight:600;cursor:pointer;transition:.3s ease;display:inline-flex;align-items:center;gap:8px}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle-icon{font-size:1rem;line-height:1}.language-toggle{border-radius:999px;border:1px solid var(--border-strong);padding:10px 16px;background:transparent;color:var(--text-primary);font-weight:600;cursor:pointer;transition:.3s ease}.language-toggle:hover{border-color:var(--accent);color:var(--accent)}.footer a{margin-left:12px}@keyframes pulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes scan{0%,to{transform:translate(-20%)}50%{transform:translate(20%)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.orb,.character,.controller,.scanline{animation:none}}@media (max-width: 720px){.nav{flex-direction:column;align-items:flex-start}.hero{padding-top:32px}.contact{margin:0}.footer{flex-direction:column;align-items:flex-start}}