@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,400&family=JetBrains+Mono:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}.reveal-hidden{opacity:0;transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translateY(16px)}.reveal-hidden.revealed{opacity:1;transform:translateY(0)}:root{--bg:#060810;--bg2:#0c1020;--sur:#111827;--sur2:#162032;--bdr:#1a2540;--bdr2:#243050;--txt:#dde4f0;--muted:#5a6a8a;--muted2:#8898b8;--red:#e8412a;--red2:#ff5c42;--cyan:#00d4ff;--white:#fff;--font-sans:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-display:"Bebas Neue", sans-serif;--section-px:48px;--section-py:80px;--max-width:1100px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-red:0 0 28px #e8412a4d;--shadow-red-hover:0 8px 36px #e8412a66;--shadow-card:0 24px 80px #00000080;--transition:.2s ease;--transition-slow:.5s ease}body{background:var(--bg);color:var(--txt);font-family:var(--font-sans);overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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)' opacity='0.025'/%3E%3C/svg%3E");position:fixed;inset:0}h1{font-family:var(--font-display);letter-spacing:1px;margin-bottom:8px;font-size:clamp(56px,7vw,88px);line-height:.95}h2{font-family:var(--font-display);letter-spacing:1px;margin-bottom:12px;font-size:clamp(32px,4vw,48px);line-height:1}.section{z-index:1;max-width:var(--max-width);padding:var(--section-py) var(--section-px);margin:0 auto;position:relative}.sec-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:11px}.sec-desc{color:var(--muted2);max-width:500px;margin-bottom:48px;font-size:15px;font-weight:300;line-height:1.7}.divider{background:var(--bdr);height:1px;max-width:var(--max-width);margin:0 auto}.btn-primary{background:var(--red);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-red);transition:transform var(--transition), box-shadow var(--transition);border:none;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-red-hover);transform:translateY(-2px)}.btn-ghost{color:var(--txt);border:1px solid var(--bdr2);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition);background:0 0;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:500;display:inline-flex}.btn-ghost:hover{border-color:var(--muted2)}.tag{font-family:var(--font-mono);color:var(--red);background:#e8412a1a;border:1px solid #e8412a33;border-radius:4px;padding:3px 8px;font-size:10px}.tag.blue{color:var(--cyan);background:#00d4ff14;border-color:#00d4ff33}.tag.green{color:#10b981;background:#10b98114;border-color:#10b98133}.tag.purple{color:#a855f7;background:#a855f714;border-color:#a855f733}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:3px}@media (width<=860px){:root{--section-px:20px;--section-py:60px}}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--bdr);background:#060810e6;justify-content:space-between;align-items:center;height:60px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-mono);color:var(--txt);letter-spacing:1px;z-index:110;font-size:15px;font-weight:700;text-decoration:none;position:relative}.nav-logo span{color:var(--red)}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--muted2);transition:color var(--transition);font-size:13px;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--red);height:1px;transition:transform var(--transition);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--txt)}.nav-links a:hover:after{transform:scaleX(1)}.nav-gh{color:var(--txt);border:1px solid var(--bdr2);border-radius:var(--radius-sm);transition:border-color var(--transition), color var(--transition);z-index:110;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:600;display:flex;position:relative}.nav-gh:hover{border-color:var(--red);color:var(--red)}.nav-hamburger{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:4px;display:none;position:relative}.nav-hamburger span{background:var(--txt);transform-origin:50%;border-radius:2px;height:2px;transition:transform .3s,opacity .3s,width .3s;display:block}.nav-hamburger span:first-child{width:24px}.nav-hamburger span:nth-child(2){width:18px}.nav-hamburger span:nth-child(3){width:24px}.nav-hamburger.open span:first-child{width:24px;transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){width:24px;transform:translateY(-7px)rotate(-45deg)}.nav-drawer{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--bdr);pointer-events:none;background:#060810fa;flex-direction:column;gap:8px;padding:0 35px 0 20px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:60px;left:0;right:0;transform:translateY(-100%)}.nav-drawer.open{pointer-events:all;transform:translateY(0)}.nav-drawer a{color:var(--muted2);border-bottom:1px solid var(--bdr);transition:color var(--transition);justify-content:space-between;align-items:center;padding:14px 0;font-size:18px;font-weight:600;display:flex}.nav-drawer a:last-child{border-bottom:none}.nav-drawer a:hover{color:var(--txt)}.nav-drawer a i{color:var(--red);font-size:14px}@media (width<=860px){.nav{padding:0 20px}.nav-links,.nav-gh{display:none}.nav-hamburger{display:flex}}.hero{min-height:100vh;padding:80px var(--section-px) 60px;align-items:center;display:flex;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(#1a254059 1px,#0000 1px),linear-gradient(90deg,#1a254059 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 100%)}.glow{filter:blur(110px);pointer-events:none;border-radius:50%;position:absolute}.g1{background:#e8412a1a;width:500px;height:500px;top:-80px;right:-60px}.g2{background:#00d4ff0f;width:400px;height:400px;bottom:-60px;left:-40px}.g3{background:#e8412a0f;width:300px;height:300px;top:40%;left:35%}.hero-inner{z-index:1;max-width:var(--max-width);grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;margin:0 auto;display:grid;position:relative}.eyebrow{color:var(--red);font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;background:#e8412a1a;border:1px solid #e8412a40;border-radius:4px;align-items:center;gap:8px;margin-bottom:24px;padding:5px 12px;font-size:10px;display:inline-flex}.eyebrow:before{content:"";background:var(--red);border-radius:50%;width:6px;height:6px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}h1 .last{color:var(--red);display:block}.title-tag{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.5px;margin-bottom:20px;font-size:12px}.hero-desc{color:var(--muted2);max-width:460px;margin-bottom:36px;font-size:15px;font-weight:300;line-height:1.75}.hero-desc strong{color:var(--txt);font-weight:500}.hero-btns{flex-wrap:wrap;gap:12px;display:flex}.terminal{background:var(--sur);border:1px solid var(--bdr2);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.terminal-bar{background:var(--sur2);border-bottom:1px solid var(--bdr);align-items:center;gap:8px;padding:14px 18px;display:flex}.tdot{border-radius:50%;width:11px;height:11px}.tdot-r{background:#ff5f57}.tdot-y{background:#ffbd2e}.tdot-g{background:#28c840}.terminal-title{font-family:var(--font-mono);color:var(--muted);margin-left:auto;margin-right:auto;font-size:11px}.terminal-body{padding:20px 22px}.tline{font-family:var(--font-mono);font-size:12px;line-height:1.8}.t-prompt{color:var(--red)}.t-cmd{color:var(--cyan)}.t-kw{color:#a78bfa}.t-val{color:#86efac}.t-str{color:#fde68a}.t-cmt{color:var(--muted);font-style:italic}.t-out{color:var(--muted2)}.t-cursor{background:var(--red);vertical-align:middle;width:8px;height:14px;animation:1.2s infinite cur;display:inline-block}@keyframes cur{0%,49%{opacity:1}50%,to{opacity:0}}.hero-left>*{animation:.6s both fadeUp}.eyebrow{animation-delay:.1s}h1{animation-delay:.2s}.title-tag{animation-delay:.25s}.hero-desc{animation-delay:.3s}.hero-btns{animation-delay:.4s}.hero-right{animation:.7s .3s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.hero{padding:80px 20px 48px}.hero-inner{grid-template-columns:1fr;gap:40px}}.stats-bar{z-index:1;background:var(--sur);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);position:relative}.stats-inner{max-width:var(--max-width);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.stat{border-right:1px solid var(--bdr);transition:background var(--transition);padding:28px 32px}.stat:last-child{border-right:none}.stat:hover{background:var(--sur2)}.stat-n{font-family:var(--font-display);color:var(--red);letter-spacing:1px;font-size:40px;line-height:1}.stat-l{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:12px}@media (width<=860px){.stats-inner{grid-template-columns:repeat(2,1fr)}.stat{padding:20px}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.skill-chip{background:var(--sur);border:1px solid var(--bdr);border-radius:var(--radius-md);transition:border-color var(--transition), background var(--transition), transform var(--transition);cursor:default;align-items:flex-start;gap:12px;min-width:0;padding:16px 18px;display:flex}.skill-chip:hover{border-color:var(--red);background:var(--sur2);transform:translateY(-2px)}.skill-icon{width:36px;height:36px;color:var(--red);background:#e8412a1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.skill-text{flex:1;min-width:0}.skill-name{color:var(--txt);font-size:13px;font-weight:600}.skill-lvl{color:var(--muted);font-size:11px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.skill-bar{background:var(--bdr);border-radius:2px;width:100%;max-width:100%;height:3px;margin-top:6px;overflow:hidden}.skill-fill{background:var(--red);transform-origin:0;border-radius:2px;max-width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);transform:scaleX(0)}.skill-fill.animated{transform:scaleX(1)}.exp-timeline{flex-direction:column;gap:0;display:flex;position:relative}.exp-timeline:before{content:"";background:var(--bdr);width:2px;position:absolute;top:0;bottom:0;left:20px}.exp-item{z-index:1;gap:24px;padding-bottom:32px;display:flex;position:relative}.exp-dot{background:var(--bg2);border:2px solid var(--red);width:42px;height:42px;color:var(--red);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.exp-content{background:var(--sur);border:1px solid var(--bdr);border-radius:var(--radius-lg);transition:border-color var(--transition);flex:1;padding:20px 24px}.exp-content:hover{border-color:var(--bdr2)}.exp-date{font-family:var(--font-mono);color:var(--red);letter-spacing:.5px;margin-bottom:6px;font-size:11px}.exp-role{color:var(--txt);margin-bottom:2px;font-size:16px;font-weight:700}.exp-company{color:var(--muted2);margin-bottom:14px;font-size:13px}.exp-list{flex-direction:column;gap:6px;display:flex}.exp-list li{color:var(--muted2);padding-left:16px;font-size:13px;line-height:1.6;position:relative}.exp-list li:before{content:"";background:var(--red);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.proj-card{background:var(--sur);border:1px solid var(--bdr);border-radius:var(--radius-lg);transition:transform var(--transition), border-color var(--transition);cursor:default;padding:24px;position:relative;overflow:hidden}.proj-card:before{content:"";background:var(--red);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.proj-card:hover{border-color:var(--bdr2);transform:translateY(-3px)}.proj-card:hover:before{opacity:1}.proj-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--red);background:#e8412a1a;justify-content:center;align-items:center;margin-bottom:16px;font-size:18px;display:flex}.proj-name{color:var(--txt);margin-bottom:6px;font-size:16px;font-weight:700}.proj-desc{color:var(--muted2);margin-bottom:16px;font-size:13px;line-height:1.6}.proj-tags{flex-wrap:wrap;gap:6px;display:flex}.proj-link{color:var(--red);font-size:12px;font-family:var(--font-mono);transition:opacity var(--transition);align-items:center;gap:6px;margin-top:14px;display:inline-flex}.proj-link:hover{opacity:.75}.contact-box{background:var(--sur);border:1px solid var(--bdr2);border-radius:var(--radius-xl);text-align:center;padding:56px;position:relative;overflow:hidden}.contact-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#e8412a12 0%,#0000 70%);width:350px;height:350px;position:absolute;top:-100px;right:-100px}.contact-box h2{margin-bottom:12px}.contact-box>p{color:var(--muted2);margin-bottom:32px;font-size:15px}.contact-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.contact-link{border-radius:var(--radius-md);transition:all var(--transition);align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;display:flex}.contact-link.gh{background:var(--sur2);color:var(--txt);border:1px solid var(--bdr2)}.contact-link.gh:hover{border-color:var(--red);color:var(--red)}.contact-link.mail{background:var(--red);color:#fff;box-shadow:0 0 24px #e8412a40}.contact-link.mail:hover{transform:translateY(-2px);box-shadow:0 8px 32px #e8412a66}.site-footer{border-top:1px solid var(--bdr);padding:32px var(--section-px);max-width:var(--max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.footer-logo{font-family:var(--font-mono);color:var(--txt);font-size:13px;font-weight:700}.footer-logo span{color:var(--red)}.site-footer p{color:var(--muted);font-size:12px}.back-top{z-index:200;border-radius:var(--radius-md);background:var(--red);color:#fff;cursor:pointer;opacity:0;pointer-events:none;width:44px;height:44px;transition:opacity .3s, transform var(--transition);border:none;justify-content:center;align-items:center;font-size:16px;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 20px #e8412a66}.back-top.visible{opacity:1;pointer-events:all}.back-top:hover{transform:translateY(-3px)}@media (width<=860px){.contact-box{padding:36px 24px}.site-footer{padding:28px 20px}}