@font-face{font-family:Nordique Pro;src:url(/assets/NordiquePro-SemiBold-DG-DejUI.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--glass-bg:#ffffff0d;--glass-border:#ffffff1f;--glass-highlight:#ffffff14;--glass-shadow:#00000040;--text-primary:#ffffffeb;--text-secondary:#ffffff8c;--accent:#7f7fd5;--accent-secondary:#86a8e7;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-surface:linear-gradient(180deg, #0f0f1a 0%, #1a1a2e 50%, #16213e 100%);--nav-glass:#0a0a1ea6;--card-glass:#ffffff0a;--card-hover-glass:#ffffff14;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--transition-smooth:.4s cubic-bezier(.25, .1, .25, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}html.light-mode{--glass-bg:#00000008;--glass-border:#00000014;--glass-highlight:#0000000a;--glass-shadow:#00000014;--text-primary:#0a0a1ee6;--text-secondary:#0a0a1e80;--accent:#5a5ad0;--accent-secondary:#5a6ad0;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-surface:linear-gradient(180deg, #f5f5fa 0%, #fff 100%);--nav-glass:#ffffffbf;--card-glass:#fff9;--card-hover-glass:#ffffffd9}[data-force-dark]{--glass-bg:#ffffff0d;--glass-border:#ffffff1f;--glass-highlight:#ffffff14;--glass-shadow:#00000040;--text-primary:#ffffffeb;--text-secondary:#ffffff8c;--accent:#7f7fd5;--accent-secondary:#86a8e7;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--nav-glass:#0a0a1ea6;--card-glass:#ffffff0a;--card-hover-glass:#ffffff14}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{color:var(--text-primary);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a1a;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}img,svg,canvas,video{max-width:100%}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(80% 50% at 20% 0,#667eea26,#0000 60%),radial-gradient(60% 50% at 80% 100%,#764ba21f,#0000 60%),radial-gradient(50% 50%,#86a8e70f,#0000 70%);position:fixed;inset:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Space Grotesk,Inter,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}::selection{color:#fff;background:#667eea66}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}html.light-mode body{background:#f8f9fc}html.light-mode body:before{background:radial-gradient(80% 50% at 20% 0,#667eea14,#0000 60%),radial-gradient(60% 50% at 80% 100%,#764ba20d,#0000 60%),radial-gradient(50% 50%,#86a8e70a,#0000 70%)}html.light-mode ::-webkit-scrollbar-thumb{background:#0000001f}html.light-mode ::-webkit-scrollbar-thumb:hover{background:#0003}html.light-mode ::selection{color:#181830;background:#667eea40}.kodason-logo{height:auto;display:block}.navbar-logo .kodason-logo{width:auto;height:32px;transform:translateY(2px)}.footer-logo.kodason-logo,.footer .kodason-logo{transform:translateY(2px)}.hero-logo{justify-content:center;display:flex}.hero-logo .kodason-logo{width:clamp(220px,30vw,420px);max-width:100%;height:auto;margin-bottom:10px}@media (width<=480px){.hero-logo .kodason-logo{width:min(80vw,320px)}}html:not(.light-mode) .navbar-logo .kodason-logo{filter:brightness(0)invert()}[data-force-dark] .kodason-logo{filter:invert(.98)}.navbar{z-index:1000;transition:var(--transition-smooth);padding:0 2rem;position:fixed;top:0;left:0;right:0}.navbar-inner{background:var(--nav-glass);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-width:1280px;transition:all var(--transition-smooth);justify-content:space-between;align-items:center;margin:1rem auto 0;padding:.75rem 1.5rem;display:flex;box-shadow:0 4px 24px #0000004d}.navbar.scrolled .navbar-inner{margin-top:.5rem;box-shadow:0 8px 40px #0006}.navbar-logo{letter-spacing:-.03em;color:var(--text-primary);transition:opacity var(--transition-smooth);align-items:center;gap:.6rem;font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:700;display:flex}.navbar-logo:hover{opacity:.8}.navbar-logo-icon{background:var(--gradient-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex;box-shadow:0 4px 16px #667eea4d}.navbar-links{align-items:center;gap:.25rem;list-style:none;display:flex}.navbar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-bounce);letter-spacing:-.01em;padding:.6rem 1.1rem;font-size:.9rem;font-weight:500;position:relative}.navbar-link:hover{color:var(--text-primary);background:var(--glass-highlight);box-shadow:0 4px 20px #0000004d, 0 0 0 1px var(--glass-border);transform:translateY(-1px)}html.light-mode .navbar-link{color:#0e1133}.navbar-link.active{color:var(--text-primary);background:var(--glass-highlight)}.navbar-cta{background:var(--gradient-primary);border-radius:var(--radius-sm);color:#fff;letter-spacing:-.01em;transition:all var(--transition-bounce);margin-left:.75rem;padding:.55rem 1.3rem;font-size:.85rem;font-weight:600;box-shadow:0 4px 16px #667eea4d}.navbar-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px #667eea66,0 0 0 2px #ffffff1a}html.light-mode .navbar-cta{color:#fafafa}html.light-mode .navbar-cta:hover{color:#fff;background:#0a0a1a;box-shadow:0 8px 32px #0a0a1e59,0 0 0 2px #0a0a1e14}.navbar-theme-toggle{background:var(--glass-highlight);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-bounce);align-items:center;margin:0 .25rem;padding:.35rem;display:flex;position:relative}.navbar-theme-toggle:hover{background:var(--card-hover-glass);box-shadow:0 0 0 1px var(--glass-border)}.theme-icon{width:30px;height:30px;color:var(--text-secondary);transition:all var(--transition-smooth);z-index:1;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.theme-icon.active{color:var(--text-primary);background:var(--card-hover-glass)}.navbar-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.navbar-toggle span{background:var(--text-primary);width:24px;height:2px;transition:all var(--transition-smooth);border-radius:2px;display:block}.navbar-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.navbar{padding:0}.navbar-inner{-webkit-backdrop-filter:none}.navbar-toggle{display:flex}.navbar-links{background:var(--nav-glass);-webkit-backdrop-filter:blur(32px)saturate(180%);border-left:1px solid var(--glass-border);width:min(280px,78vw);height:100dvh;transition:transform var(--transition-smooth), visibility 0s var(--transition-smooth);visibility:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;gap:.5rem;padding:5rem 1.5rem 2rem;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(105%)}.navbar-links.open{visibility:visible;transition:transform var(--transition-smooth), visibility 0s 0s;transform:translate(0);box-shadow:-8px 0 40px #00000080}.navbar-link{width:100%;padding:.85rem 1rem;font-size:1rem}.navbar-cta{text-align:center;width:100%;margin-top:1rem;margin-left:0;padding:.85rem}.navbar-theme-toggle{justify-content:center;margin:.25rem 0}}.navbar-drawer-overlay{z-index:999;opacity:0;pointer-events:none;transition:opacity var(--transition-smooth);background:#00000080;position:fixed;inset:0}.navbar-drawer-overlay.open{opacity:1;pointer-events:auto}.footer{border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);background:#0a0a1a99;margin-top:auto;padding:2.5rem 2rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;display:flex}.footer-logo{width:auto;height:28px}.footer-copy{color:var(--text-secondary);font-size:.8rem}.footer-links{gap:1.5rem;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);transition:color var(--transition-smooth);font-size:.82rem}.footer-links a:hover{color:var(--text-primary)}@media (width<=768px){.footer{padding:1.75rem 1rem}.footer-inner{text-align:center;flex-direction:column}}:root{--color:#4973ff}.hero-scene{background:#333;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.hero-auroras{pointer-events:none;position:absolute;inset:0}.hero-aurora{filter:blur(120px);opacity:0;pointer-events:none;border-radius:50%;transition:opacity 1.6s ease-out;position:absolute}.hero-aurora.visible{opacity:1}.hero-aurora--primary{background:radial-gradient(#667eea40,#0000 70%);width:800px;height:600px;animation:14s ease-in-out infinite auroraDrift1;top:-10%;left:10%}.hero-aurora--secondary{background:radial-gradient(#764ba233,#0000 70%);width:700px;height:500px;animation:17s ease-in-out infinite auroraDrift2;bottom:-5%;right:5%}.hero-aurora--tertiary{background:radial-gradient(#86a8e71f,#0000 70%);width:500px;height:400px;animation:20s ease-in-out infinite auroraDrift3;top:40%;left:30%}@keyframes auroraDrift1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(70px,-40px)scale(1.12)}50%{transform:translate(-30px,50px)scale(.88)}75%{transform:translate(-50px,-30px)scale(1.06)}}@keyframes auroraDrift2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-60px,50px)scale(1.18)}50%{transform:translate(40px,-30px)scale(.82)}75%{transform:translate(30px,-60px)scale(1.1)}}@keyframes auroraDrift3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(90px,40px)scale(.88)}66%{transform:translate(-50px,-60px)scale(1.22)}}.hero-content{z-index:10;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:100%;padding:0 1.25rem;display:flex}.hero-cube-wrapper{aspect-ratio:1;touch-action:none;width:350px;max-width:100%;margin-bottom:-60px}.hero-cube-canvas{width:100%;height:100%}.hero-text{text-align:center;opacity:0;filter:blur(10px);flex-direction:column;align-items:center;width:100%;transition:opacity 1s ease-out,transform 1s ease-out,filter 1s ease-out;display:flex;transform:translateY(24px)}.hero-text.visible{opacity:1;filter:blur();transform:translateY(0)}.hero-subtitle{color:#ffffff80;margin:0;font-size:clamp(.9rem,1.4vw,1.1rem);line-height:1.4}.hero-scroll-hint{z-index:20;flex-direction:column;align-items:center;gap:.6rem;animation:1s ease-out 1.3s both hintReveal;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll-text{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary,#ffffff8c);font-size:.65rem;font-weight:500}.hero-scroll-icon{border:1.5px solid var(--glass-border,#ffffff1f);border-radius:12px;justify-content:center;align-items:flex-start;width:24px;height:40px;padding-top:8px;display:flex;position:relative}.hero-scroll-icon:after{content:"";background:var(--text-secondary,#ffffff8c);border-radius:2px;width:4px;height:8px;animation:2s ease-in-out infinite scrollDot}@keyframes hintReveal{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes scrollDot{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}.waves{background-color:var(--color);height:200px;transition:all .5s;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 0 50px #00000080}.waves:before,.waves:after{content:"";width:300vw;height:300vw;position:absolute;top:-65vw;left:50%;transform:translate(-50%,-75%)}.waves:before{background:#333;border-radius:44%;animation:8s linear infinite waves}.waves:after{background:#33333380;border-radius:44%;animation:15s linear infinite waves}@keyframes waves{0%{transform:translate(-50%,-75%)rotate(0)}to{transform:translate(-50%,-75%)rotate(360deg)}}.hero-vignette{pointer-events:none;z-index:5;background:radial-gradient(#0000 35%,#333333bf 100%);position:absolute;inset:0}.hero-subtitle{max-width:32ch;margin-left:auto;margin-right:auto}@media (width<=768px){.hero-cube-wrapper{width:260px;margin-bottom:-40px}.hero-aurora--primary{width:90vw;height:60vw;left:0}.hero-aurora--secondary{width:80vw;height:60vw;right:0}.hero-aurora--tertiary{width:70vw;height:50vw;left:15%}.hero-scroll-hint{bottom:1.25rem}}@media (width<=480px){.hero-cube-wrapper{width:min(70vw,240px);margin-bottom:-32px}.hero-subtitle{padding:0 .5rem;font-size:.95rem}.hero-scroll-hint{bottom:1rem}.hero-scroll-text{font-size:.6rem}.hero-scroll-icon{width:22px;height:36px}}@media (height<=640px) and (width<=768px){.hero-scroll-hint{display:none}}html.light-mode .hero-scene{background:#fafafa}html.light-mode .hero-vignette{background:radial-gradient(#0000 35%,#fafafabf 100%)}html.light-mode .hero-aurora--primary{background:radial-gradient(#667eea26,#0000 70%)}html.light-mode .hero-aurora--secondary{background:radial-gradient(#764ba21a,#0000 70%)}html.light-mode .hero-aurora--tertiary{background:radial-gradient(#86a8e70f,#0000 70%)}html.light-mode .waves:before{background:#fafafa}html.light-mode .waves:after{background:#fafafa80}html.light-mode .hero-subtitle{color:#0e1133}html.light-mode .hero-scroll-text{color:var(--text-secondary,#0a0a1e80)}html.light-mode .hero-scroll-icon{border-color:var(--glass-border,#0000001f)}html.light-mode .hero-scroll-icon:after{background:var(--text-secondary,#0a0a1e80)}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;width:100%;margin-left:auto;margin-right:auto;display:grid}.portfolio-card{background:var(--card-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-bounce);padding:0;animation:.7s ease-out both cardAppear;position:relative;overflow:hidden}.portfolio-card:first-child{animation-delay:.1s}.portfolio-card:nth-child(2){animation-delay:.2s}.portfolio-card:nth-child(3){animation-delay:.3s}.portfolio-card:nth-child(4){animation-delay:.4s}.portfolio-card:hover{background:var(--card-hover-glass);box-shadow:0 24px 64px #0006, 0 0 0 1px var(--glass-highlight), 0 0 80px #667eea14;transform:translateY(-8px)}.portfolio-card-inner{flex-direction:column;height:100%;padding:2rem;display:flex}.portfolio-card-icon{border-radius:var(--radius-md);background:0 0;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:.5rem;display:flex}.portfolio-card-icon-img{width:100px;height:100px;display:block}html:not(.light-mode) .portfolio-card-icon-img{filter:brightness(0)invert()}.portfolio-card-platform{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.6rem;font-size:.72rem;font-weight:600}.portfolio-card-name{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.75rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.portfolio-card-desc{color:var(--text-secondary);flex:1;font-size:.92rem;line-height:1.6}.portfolio-card-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.25rem;display:flex}.portfolio-card-stat{color:var(--text-secondary);font-size:.8rem}.portfolio-card-arrow{background:var(--glass-highlight);width:36px;height:36px;transition:all var(--transition-bounce);opacity:.5;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.portfolio-card:hover .portfolio-card-arrow{opacity:1;background:#ffffff26;transform:translate(4px)}.portfolio-card-glow{opacity:0;width:200%;height:200%;transition:opacity var(--transition-smooth);pointer-events:none;background:radial-gradient(circle,#ffffff08 0%,#0000 60%);position:absolute;top:-50%;left:-50%}.portfolio-card:hover .portfolio-card-glow{opacity:1}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.portfolio-grid{grid-template-columns:1fr;gap:1rem}}.section{max-width:1280px;margin:0 auto;padding:3rem 2rem}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-secondary);background:#86a8e71a;border-radius:100px;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.72rem;font-weight:600;display:inline-block}.section-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:1rem;font-family:Nordique Pro,Space Grotesk,sans-serif;font-size:3rem;font-weight:600;line-height:1.1}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem;line-height:1.6}html.light-mode .section-subtitle{color:#0e1133}.portfolio-section{position:relative}.portfolio-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#667eea0f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.portfolio-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:3rem;display:flex}.portfolio-header-left .section-title{margin-bottom:0}.about-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:3rem;margin-left:auto;margin-right:auto;display:grid}.about-card{background:var(--card-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-bounce);padding:2rem}.about-card:hover{background:var(--card-hover-glass);box-shadow:0 16px 48px #0000004d, 0 0 0 1px var(--glass-highlight);transform:translateY(-4px)}.about-card-num{color:var(--accent-secondary);letter-spacing:.06em;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:600}.about-card-title{color:var(--text-primary);margin-bottom:.6rem;font-size:1.15rem;font-weight:600}.about-card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.65}html.light-mode .about-card-desc{color:#0e1133}.studio-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;margin-left:auto;margin-right:auto;display:grid}.studio-card{background:var(--card-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-bounce);padding:2rem}.studio-card:hover{background:var(--card-hover-glass);box-shadow:0 16px 48px #0000004d, 0 0 0 1px var(--glass-highlight)}.studio-card h3{color:var(--text-primary);margin-bottom:.6rem;font-size:1.15rem;font-weight:600}.studio-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.65}html.light-mode .studio-card p{color:#0e1133}.contact-section{padding-bottom:6rem}html.light-mode .contact-card{background:linear-gradient(135deg,#14142b 0%,#1f1f3d 50%,#1a2548 100%);border-color:#ffffff14;box-shadow:0 24px 60px #0f0f2340,0 0 0 1px #ffffff0a}html.light-mode .contact-card:before{background:radial-gradient(at 100%,#86a8e72e 0%,#0000 60%)}html.light-mode .contact-card h2{color:#fffffff2}html.light-mode .contact-card p{color:#fff9}.btn-primary{background:var(--gradient-primary);border-radius:var(--radius-sm);color:#fff;letter-spacing:-.01em;transition:all var(--transition-bounce);white-space:nowrap;padding:.85rem 2rem;font-size:.95rem;font-weight:600;box-shadow:0 4px 24px #667eea4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #667eea66}.contact-card{background:var(--card-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem;padding:3rem;display:flex;position:relative;overflow:hidden}.contact-card:before{content:"";pointer-events:none;background:radial-gradient(at 100%,#667eea14 0%,#0000 60%);position:absolute;inset:0}.contact-card h2{color:var(--text-primary);letter-spacing:-.02em;font-family:Nordique Pro,Space Grotesk,sans-serif;font-size:1.8rem;font-weight:600}.contact-card p{color:var(--text-secondary);margin-top:.5rem;font-size:.95rem}@media (width<=768px){.section{padding:3rem 1.25rem}.section-title{font-size:2.2rem}.portfolio-header{flex-direction:column;align-items:flex-start;margin-bottom:2rem}.portfolio-section:before{width:100vw;max-width:600px;height:100vw;max-height:600px}.about-grid,.studio-grid{grid-template-columns:1fr;gap:1rem;margin-top:2rem}.about-card,.studio-card{padding:1.5rem}.contact-card{text-align:center;flex-direction:column;align-items:center;padding:2rem 1.5rem}.contact-card h2{font-size:1.5rem}.contact-card h2 br{display:none}.btn-primary{text-align:center;width:100%;max-width:320px}}@media (width<=480px){.section{padding:2.5rem 1rem}.section-title{font-size:1.85rem}.section-subtitle{font-size:1rem}.contact-section{padding-bottom:4rem}}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}.app main{flex:1}