:root,[data-theme=saiyan]{--bg-primary: #0a0a14;--bg-secondary: #0f0f1e;--bg-card: #111122;--text-primary: #f0e6d0;--text-secondary: #b0a890;--text-accent: #ffd700;--accent-gold: #ffd700;--accent-green: #39ff14;--accent-blue: #00bfff;--accent-orange: #ff6b35;--btn-primary-bg: #ffd700;--btn-primary-text: #0a0a14;--shadow-outset: 0 0 20px rgba(255, 215, 0, .15), 0 0 40px rgba(255, 107, 53, .08);--shadow-outset-sm: 0 0 10px rgba(255, 215, 0, .1);--shadow-inset: inset 0 0 15px rgba(255, 215, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .03);--shadow-hover: 0 0 30px rgba(255, 215, 0, .25), 0 0 60px rgba(255, 107, 53, .12);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 50%;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--aura-glow: 0 0 20px rgba(255, 215, 0, .4), 0 0 40px rgba(255, 215, 0, .2);--ki-blue-glow: 0 0 15px rgba(0, 191, 255, .3), 0 0 30px rgba(0, 191, 255, .15)}[data-theme=ssgod]{--bg-primary: #0f0508;--bg-secondary: #180810;--bg-card: #1c0a14;--text-primary: #ffe8e8;--text-secondary: #c09090;--accent-gold: #ff2244;--accent-green: #ff4466;--accent-blue: #ff3355;--accent-orange: #ff1133;--btn-primary-bg: #ff2244;--btn-primary-text: #0f0508;--shadow-outset: 0 0 20px rgba(255, 34, 68, .2), 0 0 40px rgba(255, 34, 68, .08);--shadow-outset-sm: 0 0 10px rgba(255, 34, 68, .12);--shadow-inset: inset 0 0 15px rgba(255, 34, 68, .06);--shadow-hover: 0 0 30px rgba(255, 34, 68, .3), 0 0 60px rgba(255, 34, 68, .12);--aura-glow: 0 0 20px rgba(255, 34, 68, .5), 0 0 40px rgba(255, 34, 68, .25)}[data-theme=namek]{--bg-primary: #0a1a0a;--bg-secondary: #0f250f;--bg-card: #112a11;--text-primary: #e0f0e0;--text-secondary: #90b090;--accent-gold: #64ffda;--accent-green: #39ff14;--accent-blue: #64ffda;--btn-primary-bg: #64ffda;--btn-primary-text: #0a1a0a;--shadow-outset: 0 0 20px rgba(100, 255, 218, .15);--shadow-outset-sm: 0 0 10px rgba(100, 255, 218, .1);--shadow-inset: inset 0 0 15px rgba(100, 255, 218, .05);--shadow-hover: 0 0 30px rgba(100, 255, 218, .25);--aura-glow: 0 0 20px rgba(100, 255, 218, .4)}[data-theme=ultra]{--bg-primary: #0a0a1a;--bg-secondary: #0f0f28;--bg-card: #141435;--text-primary: #e8e8f8;--text-secondary: #9090c0;--accent-gold: #c084fc;--accent-green: #a78bfa;--accent-blue: #818cf8;--btn-primary-bg: #818cf8;--btn-primary-text: #0a0a1a;--shadow-outset: 0 0 20px rgba(129, 140, 248, .15);--shadow-outset-sm: 0 0 10px rgba(129, 140, 248, .1);--shadow-inset: inset 0 0 15px rgba(129, 140, 248, .05);--shadow-hover: 0 0 30px rgba(129, 140, 248, .25);--aura-glow: 0 0 20px rgba(129, 140, 248, .4)}[data-theme=ssblue]{--bg-primary: #030a16;--bg-secondary: #061224;--bg-card: #081a30;--text-primary: #c8e4ff;--text-secondary: #6090c0;--text-accent: #00ccff;--accent-gold: #00ccff;--accent-green: #00ffcc;--accent-blue: #00aaff;--accent-orange: #0099ee;--btn-primary-bg: #00ccff;--btn-primary-text: #030a16;--shadow-outset: 0 0 20px rgba(0, 204, 255, .2), 0 0 40px rgba(0, 170, 255, .08);--shadow-outset-sm: 0 0 10px rgba(0, 204, 255, .12);--shadow-inset: inset 0 0 15px rgba(0, 204, 255, .06);--shadow-hover: 0 0 30px rgba(0, 204, 255, .3), 0 0 60px rgba(0, 170, 255, .12);--aura-glow: 0 0 20px rgba(0, 204, 255, .5), 0 0 40px rgba(0, 170, 255, .25)}[data-theme=ego]{--bg-primary: #0f0508;--bg-secondary: #1a0a10;--bg-card: #200e15;--text-primary: #f0d0e0;--text-secondary: #b080a0;--accent-gold: #ff69b4;--accent-green: #ff1493;--accent-blue: #ff69b4;--btn-primary-bg: #ff69b4;--btn-primary-text: #0f0508;--shadow-outset: 0 0 20px rgba(255, 105, 180, .15);--shadow-outset-sm: 0 0 10px rgba(255, 105, 180, .1);--shadow-inset: inset 0 0 15px rgba(255, 105, 180, .05);--shadow-hover: 0 0 30px rgba(255, 105, 180, .25);--aura-glow: 0 0 20px rgba(255, 105, 180, .4)}[data-theme=fusion]{--bg-primary: #0a100a;--bg-secondary: #0f1a0f;--bg-card: #142014;--text-primary: #e0f8e0;--text-secondary: #80c080;--accent-gold: #39ff14;--accent-green: #39ff14;--accent-blue: #00ff88;--btn-primary-bg: #39ff14;--btn-primary-text: #0a100a;--shadow-outset: 0 0 20px rgba(57, 255, 20, .15);--shadow-outset-sm: 0 0 10px rgba(57, 255, 20, .1);--shadow-inset: inset 0 0 15px rgba(57, 255, 20, .05);--shadow-hover: 0 0 30px rgba(57, 255, 20, .25);--aura-glow: 0 0 20px rgba(57, 255, 20, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}@media(max-width:768px){html{scroll-padding-top:80px}}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,4rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{color:var(--text-secondary);font-size:1rem}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-outset-sm);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow-inset);transform:translateY(0)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:700}.btn-primary:hover{box-shadow:var(--aura-glow)}.btn-outline{background:transparent;border:2px solid var(--accent-gold);color:var(--accent-gold);box-shadow:none}.btn-outline:hover{background:var(--accent-gold);color:var(--bg-primary);box-shadow:var(--aura-glow)}.card{background:#11112240;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 24px #00000026,inset 0 1px #ffd7000f;transition:var(--transition-normal);border:1px solid rgba(255,215,0,.08);position:relative}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:0;transition:opacity var(--transition-normal)}.card:hover{box-shadow:0 8px 32px #00000040,0 0 20px #ffd70014,inset 0 1px #ffd7001a;transform:translateY(-4px);border-color:#ffd7002e;background:#11112259}.card:hover:after{opacity:.5}.card-inset{box-shadow:var(--shadow-inset)}.card-inset:hover{box-shadow:var(--shadow-inset);transform:none;border-color:#ffd70014}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0;min-height:100vh;display:flex;align-items:center;position:relative;scroll-margin-top:100px;background:transparent}.section-title{margin-bottom:var(--spacing-xl);position:relative;display:inline-block;color:var(--text-primary)}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--accent-gold),var(--accent-orange));border-radius:var(--radius-sm);box-shadow:0 0 10px var(--accent-gold)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:var(--spacing-xl) 0;min-height:auto;scroll-margin-top:80px}}.text-center{text-align:center}.text-accent{color:var(--accent-gold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes auraPulse{0%,to{box-shadow:0 0 20px #ffd70033}50%{box-shadow:0 0 40px #ffd70066,0 0 60px #ffd70033}}@keyframes energyPulse{0%{opacity:.3;transform:scale(.95)}50%{opacity:.6;transform:scale(1.05)}to{opacity:.3;transform:scale(.95)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-fade-in{animation:fadeIn .6s ease-out forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent-gold),var(--accent-orange));border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}::selection{background:#ffd7004d;color:var(--text-primary)}.scouter-scan-overlay{position:fixed;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.03) 30%,rgba(255,215,0,.07) 50%,rgba(255,215,0,.03) 70%,transparent 100%);pointer-events:none;z-index:9999;animation:globalScanSweep 1.6s ease-out forwards}@keyframes globalScanSweep{0%{left:-50%;opacity:1}80%{opacity:.8}to{left:120%;opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header{position:fixed;top:0;left:0;right:0;z-index:999;padding:var(--spacing-md) 0;background:#0a0a1480;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,215,0,.06)}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;display:flex;align-items:center;gap:6px}.logo-icon{color:var(--accent-gold);font-size:1rem;text-shadow:0 0 10px var(--accent-gold)}.header-social{display:flex;gap:var(--spacing-sm)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:#1111224d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);border:1px solid rgba(255,215,0,.08);transition:var(--transition-normal)}.social-link:hover{transform:translateY(-2px);background:#ffd70026;border-color:#ffd7004d;box-shadow:0 0 15px #ffd70033;color:var(--accent-gold)}@media(max-width:768px){.header{padding:var(--spacing-sm) 0}.logo{font-size:1.25rem}.social-link{width:36px;height:36px}.social-link svg{width:18px;height:18px}}.navbar{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:1000;padding:var(--spacing-xs)}.navbar-container{display:flex;align-items:center;gap:var(--spacing-xs);background:#11112259;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 8px 32px #00000059,0 2px 8px #00000040,inset 0 1px #ffd70014,inset 0 -1px #00000026,inset 0 0 30px #ffd70008;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xl);border:1px solid rgba(255,215,0,.08);position:relative;overflow:hidden}.navbar-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,215,0,.04) 0%,transparent 40%,transparent 60%,rgba(255,107,53,.03) 100%);pointer-events:none;border-radius:inherit}.nav-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-secondary);font-family:var(--font-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-normal);white-space:nowrap;position:relative;z-index:1}.nav-item:hover{color:var(--text-primary);background:#ffd7000f;box-shadow:inset 0 2px 4px #0003,inset 0 -1px 2px #ffd7000d,0 1px 2px #ffd7000a}.nav-item.active{background:#ffd7001f;color:var(--accent-gold);box-shadow:inset 0 1px #ffffff14,inset 0 -2px 4px #00000026,0 2px 8px #ffd70026,0 0 16px #ffd70014;border:1px solid rgba(255,215,0,.12)}.nav-icon{font-size:1.1rem}.nav-label{display:none}.nav-item.active .nav-label{display:inline}@media(max-width:768px){.navbar{bottom:var(--spacing-sm);left:50%;right:auto;transform:translate(-50%)}.navbar-container{gap:2px;padding:6px 10px}.nav-item{padding:8px 10px;flex-direction:column;gap:2px}.nav-icon{font-size:1.1rem}.nav-label{display:block;font-size:.6rem}.nav-item.active .nav-label{display:block}}@media(max-width:480px){.navbar{bottom:10px}.navbar-container{gap:0;padding:4px 8px;border-radius:var(--radius-lg)}.nav-item{padding:6px 8px;border-radius:var(--radius-md)}.nav-icon{font-size:1rem}.nav-label,.nav-item.active .nav-label{display:none}}.hero{min-height:100vh;padding-top:100px;padding-bottom:120px;position:relative;overflow:hidden}.hero-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,215,0,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;position:relative;z-index:1}.hero-greeting{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:500;letter-spacing:2px;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.greeting-line{display:inline-block;width:40px;height:2px;background:linear-gradient(90deg,var(--accent-gold),var(--accent-orange))}.power-level{color:var(--accent-orange);font-weight:700;font-size:1rem;text-shadow:0 0 10px rgba(255,107,53,.5)}.hero-name{font-size:clamp(3rem,7vw,5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md);color:var(--text-primary)}.name-highlight{background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{font-size:1.25rem;font-weight:600;color:var(--accent-gold);margin-bottom:var(--spacing-md);text-shadow:0 0 20px rgba(255,215,0,.2)}.hero-description{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--spacing-md);max-width:500px}.ki-meter{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;margin-bottom:var(--spacing-lg);max-width:340px}.ki-meter.ki-meter-visible{opacity:1;transform:translateY(0)}.ki-meter-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ki-meter-text{font-size:.65rem;font-weight:700;letter-spacing:2px;color:var(--accent-gold);text-transform:uppercase}.ki-meter-pct{font-size:.65rem;font-weight:700;color:var(--accent-orange);font-family:SF Mono,Consolas,monospace}.ki-meter-track{height:6px;background:#ffd70014;border-radius:3px;overflow:visible;border:1px solid rgba(255,215,0,.15);position:relative}.ki-meter-fill{height:100%;background:linear-gradient(90deg,var(--accent-orange),var(--accent-gold),#fff8a0);border-radius:3px;transition:width .05s linear;position:relative}.ki-meter-glow{position:absolute;top:-3px;left:0;height:12px;border-radius:6px;background:linear-gradient(90deg,transparent,var(--accent-gold));opacity:.35;filter:blur(4px);transition:width .05s linear;pointer-events:none}.hero-cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.btn-arrow{transition:transform var(--transition-fast)}.btn:hover .btn-arrow{transform:translate(4px)}.ki-orb{width:10px;height:10px;background:var(--accent-gold);border-radius:50%;box-shadow:0 0 10px var(--accent-gold),0 0 20px var(--accent-gold);animation:energyPulse 2s ease-in-out infinite}.hero-dual-window{margin-top:var(--spacing-2xl);display:grid;grid-template-columns:1.1fr .9fr;gap:var(--spacing-lg);align-items:stretch;width:100%}.code-window,.browser-window{border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,215,0,.12);background:#0a0a14b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #0000004d,0 0 20px #ffd7000a;min-height:380px;display:flex;flex-direction:column}.window-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ffd7000d;border-bottom:1px solid rgba(255,215,0,.08)}.window-dot{width:10px;height:10px;border-radius:50%}.window-dot:first-child{background:#ff5f57}.window-dot:nth-child(2){background:#febc2e}.window-dot:nth-child(3){background:#28c840}.window-tab{margin-left:auto;font-size:.65rem;color:var(--text-secondary);font-family:SF Mono,Cascadia Code,Consolas,monospace;letter-spacing:.5px}.code-body{flex:1;padding:14px 0;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.75rem;line-height:1.8;overflow:hidden}.code-line{display:flex;padding:0 14px;animation:lineFadeIn .25s ease forwards}.code-line-active{animation:none}.line-number{width:24px;text-align:right;color:#ffd70033;margin-right:10px;-webkit-user-select:none;user-select:none;flex-shrink:0}.line-content{white-space:pre}.cursor-blink{color:var(--accent-gold);animation:cursorBlink 1s step-end infinite;font-weight:700}@keyframes lineFadeIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.code-comment{color:#5a6a7a;font-style:italic}.code-keyword{color:#c792ea;font-weight:600}.code-fn{color:#82aaff}.browser-bar{background:#ffffff0a}.browser-url{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:.65rem;color:var(--text-secondary);font-family:SF Mono,Cascadia Code,Consolas,monospace;background:#ffffff0a;padding:4px 12px;border-radius:6px}.browser-lock{font-size:.55rem}.browser-body{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8f9fa,#fff);padding:32px}.browser-render{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;animation:renderFadeIn .5s ease}.render-name{font-size:1.5rem;font-weight:800;color:#1a1a2e;line-height:1.2;font-family:var(--font-display)}.render-role{font-size:.95rem;color:#666;font-weight:500;font-family:var(--font-primary)}.render-stack{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.render-tag{padding:5px 14px;background:linear-gradient(135deg,#ffd70026,#ff6b351a);border:1px solid rgba(255,215,0,.3);border-radius:20px;font-size:.75rem;font-weight:600;color:#b8860b;font-family:var(--font-primary)}.render-btn{margin-top:6px;padding:10px 24px;background:linear-gradient(135deg,gold,#ff6b35);color:#1a1a2e;border:none;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s;font-family:var(--font-primary)}.render-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ffd70066}.browser-loading{display:flex;flex-direction:column;align-items:center;gap:10px;color:#999;font-size:.8rem;font-family:var(--font-primary)}.loading-spinner{width:24px;height:24px;border:2px solid #ddd;border-top-color:gold;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-fade-in{animation:previewFadeIn .4s ease forwards}@keyframes previewFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes renderFadeIn{0%{opacity:0}to{opacity:1}}.code-comment{color:#5a6a7a}.code-keyword{color:var(--accent-gold);font-weight:600}.code-var{color:var(--text-primary);font-weight:600}.code-op{color:var(--text-secondary)}.code-bracket{color:var(--accent-gold)}.code-prop{color:var(--accent-blue)}.code-string{color:var(--accent-green)}.code-number{color:var(--accent-orange);font-weight:700}.terminal-cursor-line{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,215,0,.08)}.terminal-prompt{color:var(--accent-gold);font-weight:700}.terminal-typed{color:var(--text-primary);word-break:break-all}.terminal-cursor{color:var(--accent-gold);animation:cursorBlink 1s step-end infinite;font-weight:700;flex-shrink:0}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-visual{display:flex;justify-content:center;align-items:flex-start;padding-top:80px;margin-left:40px;align-self:flex-start}.hero-image-container{position:relative;width:350px;height:350px;touch-action:none}.hero-image-wrapper{width:100%;height:100%;border-radius:var(--radius-full);background:#000;box-shadow:0 0 30px #ffd7001a,0 0 60px #ff6b350f;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,215,0,.15);position:relative;z-index:2}.hero-image{width:100%;height:126%;object-fit:contain;object-position:center center;transform:scale(.85)}.aura-ring{position:absolute;border-radius:50%;border:1px solid transparent;pointer-events:none}.aura-ring-1{width:370px;height:370px;top:-10px;left:-10px;border-color:#ffd7001f;animation:auraPulse 3s ease-in-out infinite}.aura-ring-2{width:400px;height:400px;top:-25px;left:-25px;border-color:#ff6b3514;animation:auraPulse 3s ease-in-out infinite .5s}.aura-ring-3{width:430px;height:430px;top:-40px;left:-40px;border-color:#ffd7000a;animation:auraPulse 3.5s ease-in-out infinite 1s}.ssj-lightning{position:absolute;pointer-events:none;z-index:1;border-radius:2px;background:var(--accent-gold);opacity:0;transform-origin:bottom center}.ssj-lightning-1{width:2px;height:60px;top:-30px;left:30%;animation:lightningFlash 2.4s ease-in-out infinite .2s;clip-path:polygon(40% 0%,100% 35%,60% 40%,100% 100%,0% 65%,40% 60%)}.ssj-lightning-2{width:2px;height:45px;top:10px;right:15%;animation:lightningFlash 3.1s ease-in-out infinite .8s;clip-path:polygon(40% 0%,100% 35%,60% 40%,100% 100%,0% 65%,40% 60%)}.ssj-lightning-3{width:2px;height:50px;bottom:20px;left:10%;animation:lightningFlash 2.7s ease-in-out infinite 1.4s;clip-path:polygon(40% 0%,100% 35%,60% 40%,100% 100%,0% 65%,40% 60%)}.ssj-lightning-4{width:2px;height:40px;top:20%;right:8%;animation:lightningFlash 3.5s ease-in-out infinite .5s;clip-path:polygon(40% 0%,100% 35%,60% 40%,100% 100%,0% 65%,40% 60%)}@keyframes lightningFlash{0%,85%,to{opacity:0;transform:scaleY(.8)}87%{opacity:.9;transform:scaleY(1.1);filter:drop-shadow(0 0 4px var(--accent-gold))}90%{opacity:.3;transform:scaleY(.95)}92%{opacity:.8;transform:scaleY(1.05)}95%{opacity:0;transform:scaleY(1)}}.floating-badge{position:absolute;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#11112259;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0003;border:1px solid rgba(255,215,0,.08);font-size:.85rem;font-weight:500;color:var(--text-primary);animation:badgeFloat 3s ease-in-out infinite;transform:translate(var(--drag-x, 0px),var(--drag-y, 0px));-webkit-user-select:none;user-select:none;cursor:grab;transition:box-shadow .2s,transform .2s;will-change:transform;z-index:5}@keyframes badgeFloat{0%,to{transform:translate(var(--drag-x, 0px),var(--drag-y, 0px))}50%{transform:translate(var(--drag-x, 0px),calc(var(--drag-y, 0px) - 10px))}}.floating-badge:active,.floating-badge.is-dragging{animation-play-state:paused;cursor:grabbing;box-shadow:var(--shadow-hover)}.badge-react{top:10%;left:-8%;animation-delay:0s}.badge-fullstack{top:8%;right:-12%;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;animation-delay:.5s}.badge-firebase{bottom:12%;right:-10%;animation-delay:.7s}.badge-available{bottom:10%;left:-8%;animation-delay:1s}.badge-dot{width:8px;height:8px;background:var(--accent-blue);border-radius:50%}.badge-dot-firebase{background:#ff9800;box-shadow:0 0 6px #ff980080}.badge-icon{font-size:.9rem}.available-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.scroll-animate{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.scroll-animate.scroll-visible{opacity:1;transform:translateY(0)}.scroll-animate.delay-1{transition-delay:.1s}.scroll-animate.delay-2{transition-delay:.2s}.scroll-animate.delay-3{transition-delay:.3s}.scroll-animate.delay-4{transition-delay:.4s}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-greeting{justify-content:center}.hero-description{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-visual{order:-1;padding-top:20px;margin-left:0}.hero-stats{justify-content:center}.hero-dual-window{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.ki-meter{margin-left:auto;margin-right:auto}.hero-image-container{width:280px;height:280px}.aura-ring-1{width:300px;height:300px;top:-10px;left:-10px}.aura-ring-2{width:320px;height:320px;top:-20px;left:-20px}.aura-ring-3{width:340px;height:340px;top:-30px;left:-30px}.badge-react{left:0}.badge-fullstack{right:0}.badge-firebase{right:-5%}}@media(max-width:768px){.hero{padding-top:100px;padding-bottom:60px}.hero-content{gap:var(--spacing-lg)}.hero-visual{padding-top:30px}.hero-image-container{width:240px;height:240px}.aura-ring-1{width:258px;height:258px;top:-9px;left:-9px}.aura-ring-2{width:276px;height:276px;top:-18px;left:-18px}.aura-ring-3{width:294px;height:294px;top:-27px;left:-27px}.hero-name{font-size:clamp(2.4rem,9vw,3.2rem);line-height:1.1}.hero-title{font-size:1.05rem}.hero-description{font-size:.92rem;max-width:100%}.hero-stats{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.stat-item{padding:var(--spacing-sm) var(--spacing-md);min-width:80px}.stat-value{font-size:1.5rem}.hero-cta{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.btn{width:100%;justify-content:center;max-width:280px}.hero-dual-window{display:none}.ki-meter{max-width:100%}.floating-badge{font-size:.7rem;padding:4px 8px}.badge-react{top:5%;left:-4%}.badge-fullstack{top:5%;right:-4%}.badge-firebase{bottom:8%;right:-4%}.badge-available{bottom:8%;left:-4%}.ssj-lightning-3,.ssj-lightning-4{display:none}}@media(max-width:480px){.hero{padding-top:100px;padding-bottom:40px}.hero-image-container{width:200px;height:200px}.aura-ring-1{width:216px;height:216px;top:-8px;left:-8px}.aura-ring-2{width:232px;height:232px;top:-16px;left:-16px}.aura-ring-3{width:248px;height:248px;top:-24px;left:-24px}.hero-greeting{font-size:.75rem;letter-spacing:1.5px;flex-wrap:wrap;justify-content:center;gap:4px}.hero-name{font-size:clamp(2rem,10vw,2.6rem)}.hero-title{font-size:.95rem}.hero-stats{gap:8px}.stat-item{min-width:70px;padding:10px 12px}.stat-value{font-size:1.3rem}.badge-fullstack,.badge-firebase{display:none}.hero-dual-window{margin-top:var(--spacing-lg)}}.skills{background:transparent;padding:var(--spacing-xl) 0;min-height:auto}.skills-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.skill-block{padding:var(--spacing-xl);background:#1123;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,215,0,.08);border-radius:var(--radius-lg);transition:var(--transition-normal);box-shadow:0 4px 24px #0000001a,inset 0 1px #ffd7000a}.skill-block:hover{border-color:#ffd70033;box-shadow:0 8px 32px #0003,0 0 20px #ffd70014,inset 0 1px #ffd70014;background:#1111224d;transform:translateY(-2px)}.skill-block-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.skill-block-icon{font-size:1.4rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#ffd70014;border-radius:12px;border:1px solid rgba(255,215,0,.12)}.skill-block-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{position:relative;overflow:hidden;padding:8px 16px;background:#11112240;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,215,0,.06);border-radius:8px;font-size:.85rem;font-family:var(--font-primary);font-weight:500;color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.skill-tag:hover{background:#ffd7001f;border-color:#ffd70040;color:var(--accent-gold);box-shadow:0 0 12px #ffd7001a;transform:translateY(-1px)}.skill-tag.ki-blast{color:var(--bg-primary);background:var(--accent-gold);border-color:var(--accent-gold);box-shadow:0 0 16px var(--accent-gold),0 0 32px #ffd70066;transform:scale(1.1)}.ki-ripple{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#fff9;transform:translate(-50%,-50%) scale(0);animation:kiRippleExpand .5s ease-out forwards;pointer-events:none}@keyframes kiRippleExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}60%{transform:translate(-50%,-50%) scale(12);opacity:.4}to{transform:translate(-50%,-50%) scale(20);opacity:0}}@media(max-width:1024px){.skills-layout{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.skills-layout{grid-template-columns:1fr}.skill-block{padding:var(--spacing-lg)}}.theme-toggle-wrapper{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:1000}.theme-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .2s ease}.theme-toggle{width:52px;height:52px;border:none;border-radius:50%;background:#ffd7001a;color:var(--accent-gold);border:1px solid rgba(255,215,0,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);position:relative;z-index:1001}.theme-toggle:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent-gold),transparent,var(--accent-gold));opacity:0;transition:opacity .3s;z-index:-1}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:var(--aura-glow);background:#ffd70033}.theme-toggle:hover:before{opacity:.4}.theme-panel{position:absolute;bottom:68px;right:0;width:280px;background:#0c0c18f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid rgba(255,215,0,.12);padding:0;overflow:hidden;animation:panelSlideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #00000080,0 0 40px #ffd7000d}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,215,0,.1)}.theme-panel-title{font-size:.65rem;font-weight:700;letter-spacing:3px;color:var(--accent-gold);text-shadow:0 0 10px rgba(255,215,0,.3)}.theme-panel-close{width:24px;height:24px;border:none;border-radius:6px;background:#ffd70014;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.theme-panel-close:hover{background:#ffd70026;color:var(--accent-gold)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:8px}.theme-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:var(--transition-fast)}.theme-card:hover{background:#ffd7000f}.theme-card.active{background:#ffd7001a}.theme-card-orb{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);position:relative}.theme-card:hover .theme-card-orb{transform:scale(1.1)}.theme-card-check{color:#fff;font-size:.75rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.theme-card-name{font-size:.6rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2}.theme-card-desc{font-size:.5rem;color:var(--text-secondary);text-align:center}@media(max-width:768px){.theme-toggle-wrapper{bottom:100px;right:var(--spacing-sm)}.theme-toggle{width:46px;height:46px}.theme-panel{bottom:58px;right:0;width:260px}.theme-grid{grid-template-columns:repeat(3,1fr);gap:1px;padding:6px}.theme-card{padding:10px 4px}.theme-card-orb{width:30px;height:30px}}.site-footer{padding:var(--spacing-2xl) 0 7.5rem;border-top:1px solid rgba(255,215,0,.1)}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--spacing-xl);align-items:start}.footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.footer-tagline{margin-top:var(--spacing-sm);max-width:420px;line-height:1.7}.footer-heading{font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--accent-gold)}.footer-links{display:flex;flex-direction:column;gap:.7rem}.footer-link{color:var(--text-secondary);font-weight:500;transition:var(--transition-fast)}.footer-link:hover{color:var(--accent-gold);transform:translate(2px)}.footer-bottom{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,215,0,.1);padding-bottom:var(--spacing-md);text-align:center}.footer-bottom p{font-size:.9rem}.footer-scouter{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.6rem;font-weight:700;letter-spacing:2px;color:var(--accent-gold);font-family:SF Mono,Consolas,monospace;opacity:.6;text-transform:uppercase}.footer-scouter-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 6px var(--accent-gold);animation:pulse 2s ease-in-out infinite}@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}@media(max-width:768px){.site-footer{padding-bottom:8.5rem}}@media(max-width:600px){.footer-top{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-brand{grid-column:auto}}