:root{color:#eef2ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#070b14;--surface:#0d1423;--surface-2:#111a2c;--border:#22304a;--border-soft:#8599bc24;--text:#eef2ff;--muted:#9ca9bf;--faint:#6f7d96;--accent:#9b8cff;--accent-soft:#9b8cff21;--max:1160px;background:#070b14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 50% -10%, #5e55b429, transparent 35rem), var(--bg);min-width:320px;color:var(--text);margin:0;position:relative}.ambient-background{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 10%,#4e42aa2e,#0000 34rem),radial-gradient(circle at 15% 75%,#2096ff14,#0000 30rem),#070b14;position:fixed;inset:0;overflow:hidden}.ambient-orb{filter:blur(90px);opacity:.32;will-change:transform;mix-blend-mode:screen;border-radius:50%;width:42vmax;height:42vmax;position:absolute}.ambient-orb-one{background:radial-gradient(circle,#7e67ffb8,#0000 68%);animation:22s ease-in-out infinite alternate ambient-drift-one;top:-22vmax;left:-10vmax}.ambient-orb-two{background:radial-gradient(circle,#3388ff85,#0000 68%);animation:27s ease-in-out infinite alternate ambient-drift-two;top:16vh;right:-24vmax}.ambient-orb-three{background:radial-gradient(circle,#b457ff73,#0000 68%);width:36vmax;height:36vmax;animation:25s ease-in-out infinite alternate ambient-drift-three;top:52vh;left:-25vmax}.ambient-orb-four{background:radial-gradient(circle,#25b8ff59,#0000 68%);width:46vmax;height:46vmax;animation:30s ease-in-out infinite alternate ambient-drift-four;bottom:-30vmax;right:4vw}.ambient-grid{opacity:.07;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 10%,#0000 76%);mask-image:radial-gradient(#000 10%,#0000 76%)}.ambient-noise{opacity:.035;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes ambient-drift-one{0%{transform:translate(0,0)scale(1)}to{transform:translate(18vw,13vh)scale(1.16)}}@keyframes ambient-drift-two{0%{transform:translate(0,0)scale(1)}to{transform:translate(-15vw,17vh)scale(1.12)}}@keyframes ambient-drift-three{0%{transform:translate(0,0)scale(.94)}to{transform:translate(21vw,-15vh)scale(1.13)}}@keyframes ambient-drift-four{0%{transform:translate(0,0)scale(1)}to{transform:translate(-17vw,-18vh)scale(1.18)}}@media (prefers-reduced-motion:reduce){.ambient-orb{animation:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.navbar{background:#0a0f1ae0}.hero-section,.experience-card,.project-card,.contact-section{background-color:#0d1423db}}body::selection{background:#9b8cff4d}a{color:inherit;text-decoration:none}.navbar{z-index:20;width:min(calc(100% - 32px), var(--max));border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(135%);backdrop-filter:blur(20px)saturate(135%);background:#0a0f1a85;border-radius:15px;align-items:center;gap:28px;height:58px;margin:14px auto 0;padding:0 10px 0 15px;display:flex;position:sticky;top:14px;box-shadow:0 14px 40px #00000038,inset 0 1px #ffffff09}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-weight:750;display:flex}.tux-mark{object-fit:contain;filter:drop-shadow(0 5px 12px #00000038);width:34px;height:34px;display:block}.navbar nav{align-items:center;gap:23px;margin:auto;display:flex}.navbar nav a,.nav-github{color:var(--muted);font-size:13px;transition:color .2s}.navbar nav a:hover,.nav-github:hover{color:var(--text)}.nav-github{border:1px solid var(--border);border-radius:9px;align-items:center;gap:6px;padding:9px 12px;display:flex}main{z-index:1;width:min(calc(100% - 32px), var(--max));margin:30px auto 0;position:relative}.hero-section{border:1px solid var(--border);-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);background:linear-gradient(#0f1829a8,#0c13218f);border-radius:19px;min-height:475px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000040,inset 0 1px #ffffff09}.hero-banner{border-bottom:1px solid var(--border);background:linear-gradient(#141e3214,#0c1321f5),radial-gradient(circle at 75% 15%,#7e6eff2b,#0000 25rem),repeating-linear-gradient(115deg,#ffffff05 0 1px,#0000 1px 32px);height:178px;position:relative;overflow:hidden}.hero-banner-static{background:linear-gradient(180deg, #0a0f1b14, #0c1321eb), var(--profile-banner) center / cover no-repeat}.hero-banner-static:after{content:"";pointer-events:none;background:linear-gradient(90deg,#080c1629,#0000 45%,#080c1640);position:absolute;inset:0}.hero-content{gap:30px;padding:0 50px 38px;display:flex;position:relative}.avatar-wrap{flex:none;margin-top:-46px}.avatar{object-fit:cover;outline:1px solid var(--border);background:#172136;border:3px solid #101a2a;border-radius:50%;width:104px;height:104px}.avatar-placeholder{color:#dcd8ff;background:radial-gradient(circle at 35% 30%,#373067,#161d31 70%);place-items:center;font-size:35px;font-weight:800;display:grid}.hero-main{flex:1;padding-top:28px}.hero-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.eyebrow{color:#a9a0ff;letter-spacing:.13em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:750}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:2px;font-size:clamp(34px,5vw,47px);line-height:1}.identity{color:var(--muted);margin:0;font-size:14px}.identity span{color:#4f5b70;padding:0 4px}.location{color:var(--faint);padding-bottom:3px;font-size:12px}.hero-divider{background:var(--border);height:1px;margin:25px 0 18px}.hero-bio{color:#adb9ce;max-width:780px;margin-bottom:18px;font-size:15px;line-height:1.85}.skill-row,.technology-row{flex-wrap:wrap;gap:7px;display:flex}.skill-pill{border:1px solid var(--border-soft);color:#9ba8be;background:#ffffff06;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 10px;font-size:11px;display:inline-flex}.skill-pill .simple-icon{opacity:.82}.hero-links-divider{background:#8599bc1f;width:100%;height:1px;margin:19px 0 0}.simple-icon{object-fit:contain;flex:none;display:block}.pill{border:1px solid var(--border-soft);color:#8998b0;background:#ffffff06;border-radius:999px;align-items:center;min-height:27px;padding:0 10px;font-size:11px;display:inline-flex}.hero-links{gap:10px;margin-top:28px;display:flex}.hero-links a,.project-links a{border:1px solid var(--border);color:#aab6cc;background:#0c142385;border-radius:11px;place-items:center;width:43px;height:43px;transition:transform .2s,border-color .2s,color .2s,background .2s;display:grid}.hero-links a:hover,.project-links a:hover{color:#d8d3ff;background:#111a2dad;border-color:#9b8cff66;transform:translateY(-2px)}.roblox-icon{font-size:14px;font-weight:850;transform:rotate(-12deg)}.section{padding:100px 4px 0;scroll-margin-top:85px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px;display:flex}h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,38px)}.section-note{max-width:320px;color:var(--faint);margin:0 0 2px;font-size:13px;line-height:1.6}.experience-list{gap:13px;display:grid}.experience-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(125%);backdrop-filter:blur(20px)saturate(125%);background:linear-gradient(90deg,#9b8cff09,#0d14238f 48%,#0d14237a),#0d142380;border-radius:15px;padding:27px 29px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff07,0 18px 45px #0000001f}.experience-card:hover{border-color:#31415f;transform:translateY(-2px)}.experience-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff06,#0000);height:65px;position:absolute;inset:0}.experience-top{align-items:center;gap:16px;display:flex;position:relative}.company-logo{object-fit:contain;border:1px solid var(--border);background:#111a2b;border-radius:12px;flex:none;width:52px;height:52px}.company-logo-placeholder{color:#bdb5ff;place-items:center;font-size:19px;font-weight:800;display:grid}.experience-meta{flex:1}.company{color:var(--muted);margin-bottom:3px;font-size:12px}.experience-meta h3{letter-spacing:-.02em;margin:0;font-size:18px}.experience-top time{color:var(--faint);white-space:nowrap;align-self:flex-start;padding-top:4px;font-size:11px}.experience-description-divider{background:#8599bc1f;height:1px;margin:20px 0 0 68px}.card-description{color:#8f9db5;max-width:850px;margin:21px 0 17px 68px;font-size:13px;line-height:1.8}.experience-divider{background:#8599bc1f;height:1px;margin:20px 0 17px 68px}.technology-row{margin-left:68px}.project-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(125%);backdrop-filter:blur(20px)saturate(125%);background:#0d142380;border-radius:15px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:inset 0 1px #ffffff07}.project-card:hover{border-color:#334361;transform:translateY(-4px);box-shadow:0 20px 45px #0003}.project-image{border-bottom:1px solid var(--border);background:#10192a;height:175px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.project-card:hover .project-image img{transform:scale(1.035)}.project-image-placeholder{background:radial-gradient(circle,#9b8cff1f,#0000 35%),repeating-linear-gradient(135deg,#ffffff05 0 1px,#0000 1px 25px);place-items:center;width:100%;height:100%;display:grid}.project-image-placeholder span{color:#bcb5ff6b;font-size:58px;font-weight:850}.project-body{padding:22px}.project-title-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.project-title-row h3{letter-spacing:-.025em;margin:0;font-size:17px}.project-links{gap:6px;display:flex}.project-links a{border-radius:8px;width:33px;height:33px}.project-links a .simple-icon,.hero-links a .simple-icon,.nav-github .simple-icon{opacity:.9}.project-body>p{color:#8f9db5;min-height:68px;margin:13px 0 17px;font-size:13px;line-height:1.7}.contact-section{text-align:center;border:1px solid var(--border);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:radial-gradient(circle at 50% 0,#9b8cff1f,#0000 27rem),#0d14237a;border-radius:17px;margin:100px 0 40px;padding:65px 30px;box-shadow:inset 0 1px #ffffff09,0 24px 60px #00000029}.contact-section h2{margin-bottom:12px}.contact-section>p:not(.eyebrow){max-width:500px;color:var(--muted);margin:0 auto 24px;font-size:14px;line-height:1.7}.primary-button{background:var(--accent-soft);color:#d8d3ff;border:1px solid #9b8cff59;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;font-size:13px;transition:transform .2s,background .2s;display:inline-flex}.primary-button:hover{background:#9b8cff33;transform:translateY(-2px)}footer.site-footer{z-index:1;width:min(calc(100% - 32px), var(--max));border-top:1px solid var(--border);color:var(--faint);margin:88px auto 0;padding:42px 0 28px;position:relative}.footer-inner{grid-template-columns:minmax(280px,1.7fr) .7fr 1.1fr;gap:60px;padding-bottom:38px;display:grid}.footer-main{max-width:470px}.footer-title{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.footer-title strong{color:var(--text);letter-spacing:-.03em;font-size:17px}.footer-title span{color:var(--faint);letter-spacing:.05em;font-size:10px}.footer-description{color:#7f8da5;max-width:430px;margin:17px 0 16px;font-size:12px;line-height:1.8}.footer-status{color:#8997ae;align-items:center;gap:7px;font-size:11px;display:inline-flex}.status-dot{background:#7fc99a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #7fc99a14}.footer-column{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.footer-label{color:#687790;letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:800}.footer-column>a{color:#8d9ab0;font-size:12px;transition:color .2s,transform .2s}.footer-column>a:hover{color:var(--text);transform:translate(2px)}.footer-socials{grid-template-columns:repeat(2,minmax(110px,1fr));gap:8px;width:100%;display:grid}.footer-social{border:1px solid var(--border);color:#8997ae;background:#ffffff07;border-radius:10px;align-items:center;gap:9px;min-height:38px;padding:0 11px;font-size:11px;transition:transform .2s,border-color .2s,color .2s,background .2s;display:flex}.footer-social:hover{color:#d8d3ff;background:#9b8cff0e;border-color:#9b8cff57;transform:translateY(-2px)}.footer-bottom{color:#59677d;border-top:1px solid #8599bc17;justify-content:space-between;gap:20px;padding-top:20px;font-size:10px;display:flex}@media (width<=820px){.experience-description-divider,.experience-divider{margin-left:0}.navbar nav{display:none}.nav-github{margin-left:auto}.hero-content{flex-direction:column;gap:0;padding:0 27px 31px}.avatar-wrap{margin-top:-40px}.hero-main{padding-top:22px}.hero-heading{flex-direction:column;align-items:flex-start}.location{padding:0}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.project-grid{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:34px}.footer-main{grid-column:1/-1}}@media (width<=560px){.navbar{width:calc(100% - 20px);margin-top:10px;top:10px}main{width:calc(100% - 20px);margin-top:20px}.hero-section{border-radius:15px}.hero-banner{height:145px}.hero-content{padding:0 20px 25px}.hero-bio{font-size:14px;line-height:1.7}.project-grid{grid-template-columns:1fr}.experience-card{padding:21px}.experience-top{align-items:flex-start}.experience-top time{position:absolute;top:55px;left:68px}.experience-description-divider{background:#8599bc1f;height:1px;margin:20px 0 0 68px}.card-description{margin:42px 0 17px}.technology-row{margin-left:0}footer.site-footer{z-index:1;width:calc(100% - 20px);margin-top:65px;position:relative}.footer-inner{grid-template-columns:1fr 1fr;gap:34px 24px}.footer-main{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:7px}}.simple-icon{color:#fff;filter:none}.csharp-icon{color:#fff;flex:none}
