:root{--paper: #e9e9ee;--card: #fdfdfe;--ink: #17171b;--muted: #55555f;--faint: #8b8b96;--violet: #6a5be0;--violet-soft: #6a5be01a;--orange: #ff7849;--blue: #3556e8;--line: #d9d9e2;--line-strong: #bdbdc9;--hero-bg: #14141a;--radius: 16px;--font-display: "Archivo", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;--font-script: "Caveat", cursive}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E"),linear-gradient(to right,#17171b09 1px,transparent 1px),linear-gradient(to bottom,#17171b09 1px,transparent 1px),radial-gradient(720px 480px at 82% -4%,#6a5be026,transparent 62%),radial-gradient(640px 420px at -8% 22%,#ff784922,transparent 60%),radial-gradient(780px 520px at 108% 68%,#3556e81c,transparent 62%),radial-gradient(560px 420px at 30% 105%,#6a5be01e,transparent 60%);background-size:180px 180px,34px 34px,34px 34px,auto,auto,auto,auto;background-attachment:scroll,fixed,fixed,fixed,fixed,fixed,fixed;color:var(--ink);font:400 15.5px/1.65 var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:4px}.page{max-width:980px;margin:0 auto;padding:0 28px}section{padding:34px 0 38px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 2px 26px}.logo,.foot-logo{font-family:var(--font-script);font-size:34px;font-weight:700;line-height:1;color:var(--ink)}.logo{position:relative}.logo:after{content:"";position:absolute;left:2px;right:-4px;bottom:-1px;height:5px;background:var(--violet);border-radius:3px;opacity:.85;transform:rotate(-1.5deg)}.nav nav{display:flex;gap:26px}.nav nav a{font-size:14px;font-weight:500;color:var(--muted);transition:color .15s}.nav nav a:hover{color:var(--violet)}.nav-gh{font-family:var(--font-mono);font-size:12.5px;font-weight:700;background:var(--ink);color:var(--card);border-radius:999px;padding:9px 16px;transition:transform .15s,background .15s}.nav-gh:hover{background:var(--violet);transform:translateY(-1px)}.hero-wrap{padding-top:4px}.hero{position:relative;display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:center;background:radial-gradient(520px 320px at 88% 10%,#6a5be03d,transparent 65%),radial-gradient(420px 300px at 10% 100%,#6a5be024,transparent 60%),radial-gradient(#ffffff10 1px,transparent 1px) 0 0 / 26px 26px,var(--hero-bg);border-radius:28px;padding:46px 48px;color:#eceaf6;box-shadow:0 30px 60px -30px #17171b8c,8px 8px #17171b22;overflow:hidden}.status-line{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;color:#b9aefc;border:1px solid #6a5be0aa;border-radius:999px;padding:5px 12px;margin-bottom:16px}.status-dot{width:7px;height:7px;border-radius:50%;background:#8b7cf6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #8b7cf655}50%{box-shadow:0 0 0 6px transparent}}.hello{font-family:var(--font-mono);font-size:13px;color:#8b7cf6;margin-bottom:6px}.hero h1{font-family:var(--font-display);font-size:clamp(34px,5.4vw,50px);font-weight:900;letter-spacing:-.02em;line-height:1.03;color:#fff;margin-bottom:8px}.hero h1 em{font-style:normal;color:#8b7cf6}.role-line{font-family:var(--font-mono);font-size:13px;color:#a8a5ba;margin-bottom:18px}.intro{color:#b9b6c9;font-size:14.5px;margin-bottom:11px;max-width:54ch}.mark{color:#fff;font-weight:600;border-bottom:2px solid #8b7cf6;padding-bottom:1px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.btn{font-family:var(--font-display);font-weight:700;font-size:14px;border-radius:10px;padding:11px 20px;transition:transform .15s,box-shadow .15s,background .15s}.btn.solid{background:#8b7cf6;color:#14141a}.btn.solid:hover{transform:translateY(-2px);box-shadow:0 10px 26px -8px #8b7cf6}.btn.ghost{border:1.5px solid #3c3c4a;color:#cfccdf;font-family:var(--font-mono);font-size:12.5px;padding:12px 18px}.btn.ghost:hover{border-color:#8b7cf6;color:#b9aefc}.mascot{position:relative;padding:12px 8px}.mascot svg{width:100%;max-width:270px;display:block;margin:0 auto;filter:drop-shadow(0 14px 40px #8b7cf655);animation:bob 4.5s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.spark{position:absolute;color:#8b7cf6;animation:float 5s ease-in-out infinite}.s1{top:4%;left:8%;font-size:20px}.s2{top:14%;right:6%;font-size:15px;color:#b9aefc;animation-delay:.8s}.s3{bottom:18%;left:3%;font-size:10px;color:#5b49cf;animation-delay:1.6s}.s4{bottom:6%;right:14%;font-size:14px;animation-delay:2.4s}.s5{top:48%;right:-2%;font-size:11px;color:#b9aefc;animation-delay:3.2s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.9}50%{transform:translateY(-12px) rotate(20deg);opacity:.5}}.traits{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:-20px;position:relative;z-index:2;padding:0 20px}.trait{font-family:var(--font-mono);font-size:11.5px;font-weight:700;border-radius:8px;padding:8px 14px;transform:rotate(-1.5deg);box-shadow:3px 3px #17171b2e}.trait:nth-child(2n){transform:rotate(1.5deg)}.trait-0{background:var(--orange);color:#fff}.trait-1{background:var(--violet);color:#fff}.trait-2{background:var(--ink);color:#fff}.sec-title{margin-bottom:26px}.sec-title.center{text-align:center}.sec-box{position:relative;display:inline-block;border:2px solid var(--blue);background:#fffc;padding:9px 26px 10px;box-shadow:5px 5px #3556e826}.sec-box h2{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.01em;color:var(--ink);text-shadow:2px 0 #ff3d6852,-2px 0 #00b3ff5e}.sec-arrow{position:absolute;left:-17px;bottom:-9px;font-size:13px;color:var(--ink);text-shadow:none}.tl{position:relative;padding:8px 0 4px}.tl:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;transform:translate(-50%);background:linear-gradient(180deg,var(--violet),var(--orange));border-radius:3px}.tl-item{position:relative;width:50%;padding:8px 0 16px}.tl-item.left{padding-right:42px}.tl-item.right{left:50%;padding-left:42px}.tl-node{position:absolute;top:34px;width:15px;height:15px;background:var(--paper);border:3.5px solid var(--violet);transform:rotate(45deg);z-index:1}.tl-item:nth-child(2n) .tl-node{border-color:var(--orange)}.tl-item.left .tl-node{right:-7.5px}.tl-item.right .tl-node{left:-7.5px}.tl-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 20px 15px;transform:rotate(-1deg);box-shadow:0 14px 30px -22px #17171b73;transition:transform .18s,border-color .18s,box-shadow .18s}.tl-item.right .tl-card{transform:rotate(1deg)}.tl-card:hover{transform:rotate(0) translateY(-3px);border-color:var(--violet);box-shadow:0 22px 40px -20px #6a5be05e}.tl-years{position:absolute;top:-11px;left:16px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:#fff;background:var(--violet);border-radius:999px;padding:3px 11px;box-shadow:2px 2px #17171b2e}.tl-item:nth-child(2n) .tl-years{background:var(--orange)}.tl-card strong{display:block;font-family:var(--font-display);font-weight:800;font-size:15.5px;letter-spacing:-.01em}.tl-org{font-family:var(--font-mono);font-size:11.5px;color:var(--violet)}.tl-card p{color:var(--faint);font-size:12.5px;margin-top:4px}.honors{margin-top:22px}.honors-label{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--orange);margin-bottom:12px}.stickers{display:flex;flex-wrap:wrap;gap:13px}.sticker{display:inline-flex;align-items:center;gap:11px;border:2px solid var(--ink);border-radius:13px;padding:11px 17px;box-shadow:4px 4px 0 0 var(--ink);transition:transform .15s,box-shadow .15s}.sticker svg{font-size:17px;flex:none}.sticker strong{display:block;font-family:var(--font-display);font-weight:800;font-size:13.5px;line-height:1.2}.sticker span{font-family:var(--font-mono);font-size:10.5px;opacity:.8}.st-0{background:var(--violet);color:#fff;transform:rotate(-2deg)}.st-1{background:var(--card);color:var(--ink);transform:rotate(1.5deg)}.st-1 svg{color:var(--violet)}.st-2{background:var(--orange);color:#fff;transform:rotate(-1deg)}.st-3{background:var(--ink);color:#fff;transform:rotate(2deg)}.st-3 svg{color:#ffd21e}.sticker:hover{transform:rotate(0) translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--ink)}.edu-bar{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--violet);border-radius:12px;padding:15px 20px;margin-top:16px}.edu-years{font-family:var(--font-mono);font-size:12px;font-weight:700;color:#fff;background:var(--ink);border-radius:6px;padding:6px 10px;white-space:nowrap}.edu-main strong{display:block;font-family:var(--font-display);font-weight:700;font-size:15px}.edu-main span{color:var(--muted);font-size:13px}.edu-progress{flex:1;min-width:190px;max-width:260px;margin-left:auto}.edu-progress-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--faint);margin-bottom:5px}.bar{height:13px;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:#fff}.bar-fill{height:100%;background:repeating-linear-gradient(-45deg,var(--violet) 0 9px,#8b7cf6 9px 18px);background-size:26px 26px;animation:barslide 1.1s linear infinite;border-radius:999px}@keyframes barslide{to{background-position:26px 0}}.stack-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.stack-tile{background:var(--card);border:2px solid var(--ink);border-radius:15px;box-shadow:3.5px 3.5px 0 0 var(--ink);padding:17px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .15s,box-shadow .15s,border-color .15s}.stack-tile:hover{transform:translate(-2px,-2px);border-color:var(--brand);box-shadow:5.5px 5.5px 0 0 var(--brand)}.stack-ico{font-size:30px;color:var(--brand)}.stack-name{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.concepts{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:20px}.concept{font-family:var(--font-mono);font-size:11.5px;color:var(--violet);border:1.5px solid var(--violet);border-radius:999px;padding:5px 13px;background:#ffffffb0}.proj-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.proj{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;display:flex;flex-direction:column;gap:6px;box-shadow:0 14px 34px -24px #17171b66;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.proj:hover{transform:translateY(-4px);border-color:var(--violet);box-shadow:0 22px 44px -22px #6a5be05e}.proj-num{position:absolute;top:6px;right:16px;font-family:var(--font-display);font-weight:900;font-size:46px;letter-spacing:-.04em;color:var(--ink);opacity:.07;pointer-events:none}.proj h3{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.01em}.proj p{color:var(--muted);font-size:13.5px;max-width:60ch}.proj-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:18px;color:#fff;margin-bottom:6px}.proj-ico.violet{background:linear-gradient(135deg,var(--violet),#8b7cf6);box-shadow:0 8px 18px -8px var(--violet)}.proj-ico.orange{background:linear-gradient(135deg,var(--orange),#ff5177);box-shadow:0 8px 18px -8px var(--orange)}.proj-ico.blue{background:linear-gradient(135deg,var(--blue),#5f7cff);box-shadow:0 8px 18px -8px var(--blue)}.proj-tags{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px}.proj-tag{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);background:#f0f0f5;border:1px solid var(--line);border-radius:999px;padding:3px 9px}.proj-arrow{position:absolute;bottom:14px;right:18px;font-size:17px;color:var(--violet);opacity:0;transform:translate(-4px,4px);transition:opacity .18s,transform .18s}.proj:hover .proj-arrow{opacity:1;transform:none}.proj.flagship{grid-column:span 2;background:radial-gradient(420px 240px at 90% 0%,#6a5be042,transparent 65%),radial-gradient(#ffffff0e 1px,transparent 1px) 0 0 / 22px 22px,var(--hero-bg);border:none;color:#eceaf6;padding:26px 28px}.proj.flagship h3{color:#fff;font-size:22px}.proj.flagship p{color:#b9b6c9}.proj.flagship .proj-num{color:#fff;opacity:.08}.proj.flagship .proj-tag{background:#ffffff14;border-color:#fff2;color:#cfccdf}.proj.flagship:hover{box-shadow:0 26px 50px -22px #6a5be08a}.flag-chip{position:absolute;top:18px;right:20px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.2em;color:#b9aefc;border:1px solid #6a5be0aa;border-radius:999px;padding:4px 10px}.proj.flagship .proj-num{display:none}.gh-card{justify-content:center;align-items:flex-start;background:linear-gradient(120deg,var(--orange),#ff5177);border:none;color:#fff}.gh-card:hover{border:none;box-shadow:0 22px 44px -18px #ff517788}.gh-card h3{color:#fff;font-size:20px}.gh-big{position:absolute;right:-18px;bottom:-22px;font-size:110px;color:#ffffff2b;pointer-events:none}.gh-chip{font-family:var(--font-mono);font-size:11.5px;font-weight:700;background:#fff;color:#d8432e;border-radius:999px;padding:5px 12px;margin-top:6px}.contact-box{position:relative;text-align:center;background:radial-gradient(520px 300px at 50% -10%,#6a5be047,transparent 65%),radial-gradient(400px 260px at 8% 110%,#ff784926,transparent 60%),radial-gradient(#ffffff10 1px,transparent 1px) 0 0 / 24px 24px,var(--hero-bg);border-radius:28px;padding:54px 32px 50px;color:#eceaf6;overflow:hidden;box-shadow:0 30px 60px -30px #17171b8c,8px 8px #17171b22}.cb-script{display:inline-block;font-family:var(--font-script);font-size:30px;color:#b9aefc;transform:rotate(-2deg);margin-bottom:2px}.contact-box h2{font-family:var(--font-display);font-weight:900;font-size:clamp(26px,4.4vw,40px);letter-spacing:-.02em;color:#fff;margin-bottom:10px}.cb-sub{color:#b9b6c9;font-size:14.5px;margin-bottom:28px}.cb-email{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-mono);font-weight:700;font-size:15px;color:#14141a;background:#8b7cf6;border-radius:999px;padding:14px 28px;transition:transform .15s,box-shadow .15s}.cb-email:hover{transform:translateY(-3px);box-shadow:0 14px 34px -10px #8b7cf6}.cb-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.cb-links a{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12.5px;color:#cfccdf;border:1.5px solid #3c3c4a;border-radius:999px;padding:10px 19px;transition:color .15s,border-color .15s,transform .15s}.cb-links a:hover{color:#b9aefc;border-color:#8b7cf6;transform:translateY(-2px)}.cb-links svg{font-size:15px}.cb-spark{position:absolute;color:#8b7cf6;animation:float 5s ease-in-out infinite}.c1{top:14%;left:9%;font-size:19px}.c2{top:24%;right:10%;font-size:14px;color:#b9aefc;animation-delay:1s}.c3{bottom:20%;left:16%;font-size:13px;animation-delay:2s}.c4{bottom:26%;right:17%;font-size:10px;color:#5b49cf;animation-delay:3s}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line-strong);margin-top:14px;padding:24px 2px 40px}.foot-logo{font-size:30px}.foot-fine{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--faint)}@media(prefers-reduced-motion:no-preference){section,footer,.nav{animation:rise .55s cubic-bezier(.2,.7,.2,1) both}section:nth-of-type(2){animation-delay:.06s}section:nth-of-type(3){animation-delay:.12s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){.mascot svg,.spark,.status-dot{animation:none}}@media(max-width:820px){.page{padding:0 18px}.nav nav{display:none}.hero{grid-template-columns:1fr;padding:34px 26px;gap:8px}.mascot{max-width:230px;margin:0 auto}.tl:before{left:8px;transform:none}.tl-item,.tl-item.right{width:100%;left:0;padding:8px 0 16px 34px}.tl-item.left{padding-right:0}.tl-item .tl-node,.tl-item.right .tl-node{left:1px;right:auto}.tl-card,.tl-item.right .tl-card{transform:none}.edu-progress{margin-left:0}.stack-grid{grid-template-columns:repeat(3,1fr);gap:11px}.proj-grid{grid-template-columns:1fr}.proj.flagship{grid-column:span 1}.contact-box{padding:40px 22px 38px}.cb-email{font-size:12.5px;padding:13px 18px}}