:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0f;--bg-elevated:#12121a;--bg-card:#16161f;--bg-card-hover:#1c1c28;--border:#ffffff0f;--border-accent:#e8794a59;--text:#e8e6e3;--text-muted:#8b8898;--text-dim:#5c5a68;--accent:#e8794a;--accent-hover:#f08a5c;--accent-soft:#e8794a1f;--accent-glow:#e8794a40;--accent-2:#6ec9b8;--accent-2-soft:#6ec9b81f;--header-bg:#0a0a0fd9;--nav-mobile-bg:#0a0a0ff7;--noise-opacity:.035;--orb-strength:1;--card-shadow:none;--code-bg:#16161f;--code-bar-bg:#12121a;--code-shadow:0 0 0 1px #ffffff08, 0 24px 48px #0006;--btn-on-accent:#0a0a0f;--status-color:#4ade80;--status-glow:#4ade8080;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:12px;--radius-lg:20px;--container:1120px;--header-h:72px;--ease:cubic-bezier(.22, 1, .36, 1)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5f2;--bg-elevated:#fff;--bg-card:#fff;--bg-card-hover:#f3f1ed;--border:#1a182017;--border-accent:#d9653a52;--text:#1a1824;--text-muted:#5c5a68;--text-dim:#8b8898;--accent:#d9653a;--accent-hover:#c4562f;--accent-soft:#d9653a1a;--accent-glow:#d9653a33;--accent-2:#2d9a8a;--accent-2-soft:#2d9a8a1a;--header-bg:#f7f5f2e0;--nav-mobile-bg:#f7f5f2fa;--noise-opacity:.018;--orb-strength:.55;--card-shadow:0 1px 2px #1a18200a, 0 8px 24px #1a18200f;--code-bg:#1e1e2e;--code-bar-bg:#181825;--code-shadow:0 0 0 1px #1a182014, 0 20px 40px #1a182024;--btn-on-accent:#fff;--status-color:#16a34a;--status-glow:#16a34a47}html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease), fill .4s var(--ease), stroke .4s var(--ease)!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}.scroll-anchor{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}html[lang=ja] body{font-family:"Noto Sans JP", var(--font-body)}html[lang=ar] body{font-family:"Noto Sans Arabic", var(--font-body)}.ltr{direction:ltr;unicode-bidi:isolate}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.noise{pointer-events:none;z-index:9999;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=light] .noise{filter:invert()}.gradient-orb{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.gradient-orb--1{background:radial-gradient(circle, var(--accent-glow), transparent 70%);width:600px;height:600px;opacity:var(--orb-strength);animation:20s ease-in-out infinite float;top:-200px;right:-150px}.gradient-orb--2{background:radial-gradient(circle, var(--accent-2-soft), transparent 70%);width:500px;height:500px;opacity:var(--orb-strength);animation:25s ease-in-out infinite reverse float;bottom:10%;left:-200px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-40px)}}.container{width:min(var(--container), calc(100% - 2rem));margin-inline:auto}main{z-index:1;position:relative}.section{padding-block:6rem}.section__header{margin-bottom:3rem}.section__number{font-family:var(--font-mono);letter-spacing:.15em;color:var(--accent);margin-bottom:.75rem;font-size:.75rem;font-weight:500;display:block}.section__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.15}.section__title em{color:var(--accent);font-style:italic}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:var(--delay,0s);transform:translateY(24px)}.reveal.revealed{opacity:1;transform:translateY(0)}.header{z-index:100;height:var(--header-h);transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.header--scrolled{background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav{justify-content:space-between;align-items:center;height:100%;display:flex}.nav__end{align-items:center;gap:1rem;display:flex}.nav__logo{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;font-size:1.1rem;font-weight:500}.nav__links{align-items:center;gap:2rem;display:flex}.nav__links a{color:var(--text-muted);font-size:.875rem;font-weight:500;transition:color .2s;position:relative}.nav__links a:hover,.nav__links a.active{color:var(--text)}.nav__links a.active:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.nav__cta{background:var(--accent-soft);border:1px solid var(--border-accent);border-radius:100px;color:var(--accent)!important;padding:.5rem 1.25rem!important}.nav__cta:hover{background:var(--accent);color:var(--btn-on-accent)!important}.theme-toggle{border:1px solid var(--border);background:var(--bg-elevated);width:40px;height:40px;color:var(--text-muted);cursor:pointer;transition:color .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease), transform .25s var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--accent);border-color:var(--border-accent);background:var(--accent-soft);transform:rotate(-8deg)}.theme-toggle__icon--moon,[data-theme=light] .theme-toggle__icon--sun{display:none}[data-theme=light] .theme-toggle__icon--moon{display:block}.lang-switcher{border:1px solid var(--border);background:var(--bg-elevated);border-radius:100px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:2px;max-width:11rem;padding:3px;display:flex}.lang-switcher__btn{min-width:2rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;transition:color .2s var(--ease), background .2s var(--ease);background:0 0;border:none;border-radius:100px;padding:.35rem .4rem;font-size:.68rem;font-weight:500}.lang-switcher__btn:hover{color:var(--text)}.lang-switcher__btn--active{background:var(--accent-soft);color:var(--accent)}.nav__cta:after{display:none!important}.nav__toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:4px;display:none}.nav__toggle span{background:var(--text);border-radius:2px;width:24px;height:2px;transition:transform .3s;display:block}.hero{min-height:100vh;padding-top:var(--header-h);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding-bottom:4rem;display:grid}.hero__eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.8rem;font-weight:500}.hero__title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:400;line-height:1.05}.hero__title em{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.hero__tagline{color:var(--text-muted);max-width:32ch;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.hero__actions{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.hero__meta{color:var(--text-muted);flex-wrap:wrap;gap:1.5rem;font-size:.875rem;display:flex}.hero__location,.hero__status{align-items:center;gap:.5rem;display:flex}.status-dot{background:var(--status-color);width:8px;height:8px;box-shadow:0 0 8px var(--status-glow);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{font-family:var(--font-body);cursor:pointer;transition:all .25s var(--ease);border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;display:inline-flex}.btn--primary{background:var(--accent);color:var(--btn-on-accent);border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-2px)}.btn--ghost{color:var(--text);border-color:var(--border);background:0 0}.btn--ghost:hover{border-color:var(--text-muted);background:var(--bg-elevated)}.btn--large{padding:1rem 2rem;font-size:1rem}.code-window{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--code-shadow);transition:transform .5s var(--ease);overflow:hidden;transform:perspective(1000px)rotateY(-4deg)rotateX(2deg)}.code-window:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.code-window__bar{background:var(--code-bar-bg);border-bottom:1px solid var(--border);gap:8px;padding:14px 16px;display:flex}.code-window__bar span{background:var(--text-dim);border-radius:50%;width:12px;height:12px}.code-window__bar span:first-child{background:#ff5f57}.code-window__bar span:nth-child(2){background:#febc2e}.code-window__bar span:nth-child(3){background:#28c840}.code-window__body{font-family:var(--font-mono);color:#cdd6f4;padding:1.5rem;font-size:.8rem;line-height:1.8;overflow-x:auto}[data-theme=light] .code-window{border-color:#1a18201a}[data-theme=light] .stat:hover,[data-theme=light] .skill-card:hover,[data-theme=light] .role-card:hover,[data-theme=light] .edu-card:hover{box-shadow:0 2px 4px #1a18200d,0 12px 28px #1a182014}.tok-keyword{color:#c792ea}.tok-type,.tok-fn{color:#82aaff}.tok-ivar{color:#f07178}.tok-string{color:#c3e88d}.tok-const{color:#ffcb6b}.tok-op{color:#89ddff}.stats{grid-template-columns:repeat(4,1fr);gap:1rem;padding-block:2rem 4rem;display:grid}.stat{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:1.5rem 1rem;transition:border-color .3s,transform .3s,box-shadow .3s}.stat:hover{border-color:var(--border-accent);transform:translateY(-4px)}.stat__number{font-family:var(--font-display);color:var(--accent);margin-bottom:.25rem;font-size:2rem;display:block}.stat__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:1.5rem;transition:border-color .3s,background .3s,box-shadow .3s}.skill-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.skill-card__title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);margin-bottom:1rem;font-size:.8rem;font-weight:600}.skill-card__tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:100px;padding:.35rem .75rem;font-size:.8rem;transition:color .2s,border-color .2s}.skill-card:hover .tag{color:var(--text)}.timeline{position:relative}.timeline__company{grid-template-columns:32px 1fr;gap:1.5rem;padding-bottom:3rem;display:grid}.timeline__company:last-child{padding-bottom:0}.timeline__marker{flex-direction:column;align-items:center;display:flex;position:relative}.timeline__marker:after{content:"";background:linear-gradient(to bottom, var(--accent), transparent);width:2px;position:absolute;top:16px;bottom:-3rem}.timeline__dot{background:var(--accent);width:14px;height:14px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%;flex-shrink:0;margin-top:4px}.timeline__header{flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.timeline__company-name{font-family:var(--font-display);font-size:1.75rem;font-weight:400}.timeline__period{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;padding:.25rem .75rem;font-size:.8rem}.role-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);margin-bottom:1rem;padding:1.5rem;transition:border-color .3s,box-shadow .3s}.role-card:last-child{margin-bottom:0}.role-card:hover{border-color:var(--border-accent)}.role-card__top{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.role-card__title{font-size:.95rem;font-weight:600}.role-card__project{color:var(--accent);font-size:.85rem}.role-card__period{font-family:var(--font-mono);color:var(--text-dim);margin-left:auto;font-size:.75rem}.role-card__desc{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.65}.role-card__list{flex-direction:column;gap:.5rem;display:flex}.role-card__list li{color:var(--text-muted);padding-left:1.25rem;font-size:.875rem;line-height:1.5;position:relative}.role-card__list li:before{content:"→";color:var(--accent);font-size:.8rem;position:absolute;left:0}.edu-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:2rem;display:grid}.edu-cards{flex-direction:column;gap:1rem;display:flex}.edu-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:1.5rem;transition:border-color .3s,transform .3s,box-shadow .3s;display:block}.edu-card:hover{border-color:var(--border-accent);transform:translate(8px)}.edu-card__period{font-family:var(--font-mono);color:var(--accent);margin-bottom:.5rem;font-size:.75rem;display:block}.edu-card__school{font-family:var(--font-display);margin-bottom:.25rem;font-size:1.25rem;font-weight:400}.edu-card__degree{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.edu-card__location{color:var(--text-dim);font-size:.8rem}.languages-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);top:calc(var(--header-h) + 2rem);padding:2rem;position:sticky}.languages-panel__title{font-family:var(--font-display);margin-bottom:1.5rem;font-size:1.5rem;font-weight:400}.lang-item{margin-bottom:1.25rem}.lang-item:last-child{margin-bottom:0}.lang-item__header{justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.lang-item__name{font-weight:500}.lang-item__level{color:var(--text-muted);font-size:.8rem}.lang-item__bar{background:var(--bg-elevated);border-radius:2px;height:4px;overflow:hidden}.lang-item__fill{height:100%;width:var(--percent);background:linear-gradient(90deg, var(--accent), var(--accent-2));transition:width 1s var(--ease);border-radius:2px}.contact-card{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-elevated) 100%);border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);grid-template-columns:1.5fr 1fr;align-items:center;gap:3rem;padding:3rem;display:grid;position:relative;overflow:hidden}.contact-card:before{content:"";background:radial-gradient(circle, var(--accent-soft), transparent 70%);pointer-events:none;width:400px;height:400px;position:absolute;top:-50%;right:-20%}.contact-card__title{font-family:var(--font-display);margin:.75rem 0 1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.2}.contact-card__title em{color:var(--accent);font-style:italic}.contact-card__text{color:var(--text-muted);max-width:40ch;margin-bottom:1.5rem}.contact-links{flex-wrap:wrap;gap:.75rem;display:flex}.contact-link{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:100px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;transition:all .25s;display:inline-flex}.contact-link:hover{color:var(--text);border-color:var(--border-accent);background:var(--accent-soft)}.contact-card__actions{flex-direction:column;gap:1rem;display:flex;position:relative}.contact-card__actions .btn{text-align:center;width:100%}.footer{border-top:1px solid var(--border);color:var(--text-dim);justify-content:space-between;align-items:center;padding-block:2rem 3rem;font-size:.85rem;display:flex}.footer__top{color:var(--text-muted);transition:color .2s}.footer__top:hover{color:var(--accent)}@media (width<=900px){.hero{min-height:auto;padding-top:calc(var(--header-h) + 2rem);grid-template-columns:1fr;gap:3rem}.hero__visual{order:-1}.code-window{transform:none}.stats{grid-template-columns:repeat(2,1fr)}.edu-grid{grid-template-columns:1fr}.languages-panel{position:static}.contact-card{grid-template-columns:1fr;padding:2rem}.role-card__period{width:100%;margin-left:0}}@media (width<=640px){.nav__toggle{display:flex}.nav__end{gap:.5rem}.lang-switcher{max-width:9.5rem}.lang-switcher__btn{min-width:1.7rem;padding:.28rem .3rem;font-size:.6rem}.nav__links{top:var(--header-h);background:var(--nav-mobile-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:transform .35s var(--ease), opacity .35s;flex-direction:column;align-items:stretch;gap:0;padding:1rem;position:fixed;left:0;right:0;transform:translateY(-120%)}.nav__links--open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav__links a{border-radius:var(--radius);padding:.875rem 1rem}.nav__links a:hover{background:var(--bg-elevated)}.section{padding-block:4rem}.stats{grid-template-columns:1fr 1fr;gap:.75rem}.stat__number{font-size:1.5rem}.skills-grid{grid-template-columns:1fr}.footer{text-align:center;flex-direction:column;gap:1rem}}html[dir=rtl] .role-card__period{margin-left:0;margin-right:auto}html[dir=rtl] .role-card__list li{padding-left:0;padding-right:1.25rem}html[dir=rtl] .role-card__list li:before{content:"←";left:auto;right:0}html[dir=rtl] .edu-card:hover{transform:translate(-8px)}html[dir=rtl] .code-window,html[dir=rtl] .code-window__body{text-align:left;direction:ltr}html[dir=rtl] .hero__tagline,html[dir=rtl] .contact-card__text{max-width:none}html[dir=rtl] .stat__label{letter-spacing:.02em}