:root{
  --bg:#050505;--surface:#0d0d0d;--surface-2:#111;--line:#252525;
  --text:#f4f4f4;--muted:#8d8d8d;--accent:#ff234d;--accent-2:#ff5f78;
  --max:1400px;--header:76px;--shadow:0 18px 70px rgba(0,0,0,.42);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(255,35,77,.09),transparent 30%),radial-gradient(circle at 10% 70%,rgba(255,35,77,.05),transparent 25%);z-index:-3}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;background:repeating-linear-gradient(to bottom,transparent 0 3px,#fff 4px,transparent 5px)}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header);z-index:30;background:rgba(5,5,5,.82);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{font:700 .9rem/1 "Courier New",monospace;letter-spacing:.12em}.brand b{color:var(--accent);font-weight:700}
.main-nav{display:flex;align-items:center;gap:28px}.main-nav>a{font:600 .72rem/1 "Courier New",monospace;color:#bbb;letter-spacing:.1em;position:relative;padding:10px 0}.main-nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:var(--accent);transition:.25s}.main-nav>a:hover,.main-nav>a.active{color:#fff}.main-nav>a:hover:after,.main-nav>a.active:after{right:0}
.lang-switcher{display:flex;border:1px solid var(--line);padding:3px}.lang-switcher button{border:0;background:transparent;padding:6px 8px;font:700 .65rem "Courier New",monospace;cursor:pointer;color:#777}.lang-switcher button.active{background:var(--accent);color:#fff}
.menu-toggle{display:none;border:1px solid var(--line);background:var(--surface);width:42px;height:42px;cursor:pointer}.menu-toggle span{display:block;width:19px;height:1px;background:#fff;margin:4px auto}
.section-shell{min-height:clamp(650px,92vh,1000px);padding:130px 0 110px;position:relative;display:flex;align-items:center}
.hero{min-height:100vh;padding-top:var(--header)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}
.eyebrow,.section-index,.kicker,.project-no{font:700 .68rem/1 "Courier New",monospace;letter-spacing:.16em;color:var(--accent)}.pulse{display:inline-block;width:7px;height:7px;background:var(--accent);box-shadow:0 0 15px var(--accent);margin-right:9px;border-radius:50%}
h1{font-size:clamp(3.7rem,8.2vw,8.8rem);line-height:.83;letter-spacing:-.065em;margin:22px 0}.hero h1 span{color:transparent;-webkit-text-stroke:1px #777}.hero-role{font:700 clamp(1rem,1.7vw,1.4rem)/1.2 "Courier New",monospace;color:#ddd}.hero-intro{max-width:620px;color:var(--muted);font-size:1.05rem;margin:20px 0 24px}.hero-meta{display:flex;gap:8px}.hero-meta span{border:1px solid var(--line);padding:7px 10px;font:700 .62rem "Courier New",monospace;color:#999}
.terminal{border:1px solid #333;background:rgba(10,10,10,.82);box-shadow:var(--shadow);position:relative}.terminal:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,35,77,.18);pointer-events:none}.terminal-bar{height:42px;border-bottom:1px solid #292929;display:flex;align-items:center;gap:7px;padding:0 16px;font:700 .68rem "Courier New",monospace;color:#666}.terminal-bar span{width:7px;height:7px;border-radius:50%;background:#444}.terminal-bar span:first-child{background:var(--accent)}.terminal-bar code{margin-left:10px;color:#777}.terminal-body{padding:32px 30px 36px;font:600 .75rem/2 "Courier New",monospace;color:#999}.terminal-body i{color:var(--accent);font-style:normal}.terminal-body .success{color:#e5e5e5}.code-lines{border-top:1px dashed #2b2b2b;margin-top:22px;padding-top:20px;color:#5d5d5d}.code-lines span{display:block}
.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:28px;height:42px;border:1px solid #555;border-radius:20px}.scroll-cue span{display:block;width:3px;height:7px;background:var(--accent);margin:8px auto;animation:scroll 1.5s infinite}
@keyframes scroll{50%{transform:translateY(14px);opacity:.25}}
.section-heading{margin-bottom:48px;max-width:850px}.section-heading h2{font-size:clamp(2.3rem,5vw,5rem);line-height:.95;letter-spacing:-.05em;margin:12px 0 15px}.section-heading>p:last-child{color:var(--muted);max-width:720px}
.about-grid{display:grid;grid-template-columns:1.3fr 1fr .75fr;gap:16px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,17,17,.95),rgba(10,10,10,.8));padding:30px;box-shadow:var(--shadow)}.about-main h3{font-size:2rem;line-height:1.05;margin:16px 0}.panel p{color:#aaa}.mini-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.mini-facts div{border-top:1px solid var(--line);padding-top:10px}.mini-facts span,.contact-row span{display:block;font:700 .6rem "Courier New",monospace;color:#666;letter-spacing:.1em}.mini-facts strong{font-size:.85rem}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.tech-grid span{display:flex;justify-content:space-between;align-items:center;padding:13px;border:1px solid #292929;background:#0a0a0a;font:700 .75rem "Courier New",monospace}.tech-grid small{color:#555}.contact-panel{display:flex;flex-direction:column;gap:22px}.contact-row{border-bottom:1px solid var(--line);padding-bottom:13px}.contact-row a{color:var(--accent)}.muted{font-size:.78rem!important;color:#666!important}
.achievement-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.achievement-card{min-height:410px;border:1px solid var(--line);padding:34px;background:var(--surface);position:relative;overflow:hidden;display:flex;flex-direction:column}.achievement-card:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-130px;bottom:-130px;background:rgba(255,35,77,.1);filter:blur(10px)}.achievement-card.featured{border-color:rgba(255,35,77,.45)}.ach-top{display:flex;justify-content:space-between;color:#555;font:700 .72rem "Courier New",monospace}.achievement-card h3{font-size:clamp(2.5rem,5vw,5rem);line-height:.9;margin:42px 0 6px}.discipline{color:var(--accent)!important;font:700 .8rem "Courier New",monospace!important;letter-spacing:.1em}.achievement-card>p:not(.kicker):not(.discipline){max-width:650px;margin:24px 0;color:#aaa}.skill-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;margin-bottom:25px}.skill-tags span{font:600 .58rem "Courier New",monospace;padding:6px 8px;border:1px solid #303030;color:#888}.text-link{font:700 .68rem "Courier New",monospace;color:#fff;position:relative;z-index:1}.text-link:hover{color:var(--accent)}
.timeline-panel{position:relative;border:1px solid var(--line);padding:55px 8%;background:var(--surface)}.timeline-line{position:absolute;left:calc(8% + 80px);top:50px;bottom:50px;width:1px;background:#333}.timeline-item{display:grid;grid-template-columns:120px 30px 1fr;gap:25px;position:relative;padding:25px 0}.timeline-date{font:700 1.4rem "Courier New",monospace;color:#777}.timeline-node{width:11px;height:11px;background:#333;border:2px solid #666;border-radius:50%;margin-top:7px;z-index:1}.timeline-item.current .timeline-node{background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px rgba(255,35,77,.6)}.timeline-item h3{font-size:2rem;margin:8px 0}.timeline-item p:last-child{color:#888;max-width:650px}
.project-showcase{display:flex;flex-direction:column;gap:18px}.project-block{display:grid;grid-template-columns:.75fr 1.25fr;min-height:560px;border:1px solid var(--line);background:#090909;overflow:hidden}.project-block.reverse{grid-template-columns:1.25fr .75fr}.project-info{padding:55px;display:flex;flex-direction:column;justify-content:center}.project-info h3{font-size:clamp(3.4rem,6vw,6.5rem);line-height:.78;letter-spacing:-.07em;margin:20px 0 25px}.project-info p{color:#888;max-width:470px}.tech-line{font:700 .65rem "Courier New",monospace;color:#666;margin:22px 0}.project-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border:1px solid #333;font:700 .65rem "Courier New",monospace;letter-spacing:.06em}.btn.primary{background:var(--accent);border-color:var(--accent)}.btn.primary:hover{background:#ff4265}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.project-preview{min-height:100%;display:flex;align-items:center;justify-content:center;padding:35px;background:radial-gradient(circle at center,rgba(255,35,77,.08),transparent 58%),#070707}.preview-window{width:90%;height:78%;border:1px solid #343434;background:#0c0c0c;box-shadow:0 30px 80px #000}.preview-top{height:44px;border-bottom:1px solid #292929;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:700 .63rem "Courier New",monospace;color:#777}.preview-top b{color:var(--accent)}.mock-products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:20px}.mock-products div{aspect-ratio:.78;border:1px solid #292929;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,#171717,#090909)}.mock-products i{font:700 .55rem "Courier New";color:#444;margin-bottom:auto}.mock-products b{font:700 .65rem "Courier New"}.mock-products strong{font:700 .8rem "Courier New";color:var(--accent);margin-top:6px}
.dash-mock{width:90%;height:78%;border:1px solid #303030;background:#0c0c0c;display:grid;grid-template-columns:80px 1fr}.dash-mock>aside{border-right:1px solid #292929}.dash-content{padding:22px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-stats i{height:65px;border:1px solid #292929;background:#111}.dash-chart{height:150px;border:1px solid #292929;margin-top:10px;background:linear-gradient(170deg,transparent 45%,rgba(255,35,77,.2) 46%,transparent 48%),repeating-linear-gradient(90deg,transparent 0 39px,#1b1b1b 40px)}.dash-rows{display:grid;gap:7px;margin-top:10px}.dash-rows i{height:18px;background:#161616}
.social-mock{width:85%;height:78%;border:1px solid #303030;background:#0a0a0a;padding:28px}.social-user{height:55px;width:55px;border-radius:50%;border:1px solid var(--accent);box-shadow:0 0 20px rgba(255,35,77,.2);margin-bottom:22px}.social-post{border:1px solid #292929;padding:17px;margin-bottom:9px;display:grid;gap:6px}.social-post b{font:700 .65rem "Courier New";color:var(--accent)}.social-post span{font-size:.8rem;color:#777}.social-post i{display:block;height:35px;background:#121212;margin-top:5px}
.site-footer{border-top:1px solid var(--line);padding:30px 0;background:#040404}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner div{display:flex;flex-direction:column;gap:4px}.footer-inner b{font:700 .75rem "Courier New";letter-spacing:.1em}.footer-inner span,.footer-inner a{font-size:.72rem;color:#666}.footer-inner a{color:#aaa}.back-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border:1px solid #333;background:#0c0c0c;cursor:pointer;opacity:0;transform:translateY(10px);transition:.25s;z-index:25}.back-top.show{opacity:1;transform:none}.back-top:hover{border-color:var(--accent);color:var(--accent)}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.main-nav{gap:15px}.about-grid{grid-template-columns:1fr 1fr}.contact-panel{grid-column:1/-1}.hero-grid{gap:45px}.project-block,.project-block.reverse{grid-template-columns:1fr}.project-preview{min-height:430px}.project-block.reverse .project-info{order:0}.project-block.reverse .project-preview{order:1}}
@media(max-width:760px){
  .container{width:min(100% - 28px,var(--max))}.site-header{height:64px}.menu-toggle{display:block}.main-nav{position:absolute;top:64px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:rgba(10,10,10,.97);border:1px solid #292929;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav>a{padding:15px 12px;border-bottom:1px solid #202020}.lang-switcher{margin:10px 0 2px}.lang-switcher button{flex:1}.section-shell{min-height:auto;padding:105px 0 85px}.hero{min-height:100svh;padding-top:90px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero h1{font-size:clamp(3.5rem,18vw,6rem)}.terminal{margin-bottom:30px}.scroll-cue{bottom:12px}.about-grid,.achievement-grid{grid-template-columns:1fr}.mini-facts{grid-template-columns:1fr}.achievement-card{min-height:390px}.timeline-panel{padding:35px 22px}.timeline-line{left:68px}.timeline-item{grid-template-columns:45px 20px 1fr;gap:12px}.timeline-date{font-size:.9rem}.timeline-item h3{font-size:1.4rem}.project-block{min-height:auto}.project-info{padding:35px 25px}.project-info h3{font-size:4rem}.project-preview{min-height:320px;padding:20px}.preview-window,.dash-mock,.social-mock{width:100%;height:260px}.footer-inner{flex-direction:column}.footer-inner div:last-child{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.scroll-cue span{animation:none}}

/* Project showcase interaction */
.project-block{transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.project-block:hover{border-color:#3a3a3a;box-shadow:0 25px 80px rgba(0,0,0,.45)}
.project-preview{transition:transform .5s ease}
.project-block:hover .project-preview{transform:scale(1.015)}