@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-body:"Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:Verdana, Geneva, Tahoma, sans-serif;--col-bg:#04060b;--col-bg2:#070a12;--col-blue:#2c67ed;--col-blue-light:#3c84f6;--col-white:#f1f5f9;--col-muted:#b8c2d4;--col-border:#ffffff14;--ui-scale:.9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=767px){:root{--ui-scale:.99}}.ui-scale{zoom:var(--ui-scale)}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#3b82f673 transparent}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--col-bg)}::-webkit-scrollbar-thumb{background:#3b82f673;border-radius:999px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}html.is-loading,html.is-loading body{overflow:hidden}body{background:var(--col-bg);color:#f1f5f9;min-height:100vh;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}img{max-width:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-main{z-index:3;background:radial-gradient(at 12% 6%,#2563eb12,#0000 32%),radial-gradient(at 90% 30%,#0ea5e90a,#0000 26%);position:relative}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.reveal{opacity:0;filter:blur(6px);transition:opacity .8s cubic-bezier(.22, .7, .22, 1) var(--reveal-delay,0s), transform .9s cubic-bezier(.22, .7, .22, 1) var(--reveal-delay,0s), filter .8s ease var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(34px)}.reveal.is-visible{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){.reveal,.reveal.is-visible{opacity:1;filter:none;transition:none;transform:none}}.section-display-title{color:#f0f0ff;font-family:var(--font-display);letter-spacing:-.025em;text-align:center;margin:0 0 clamp(28px,4vw,48px);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.05}.text-silver{background:linear-gradient(105deg,#fff 8%,#8e98a8 58%,#464c57 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-blue{background:linear-gradient(100deg,#3c83ff 5%,#2056c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.liquid-metal-border{z-index:0;border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.liquid-metal-border canvas{border-radius:inherit;inset:0;width:100%!important;height:100%!important;display:block!important;position:absolute!important}.liquid-metal-border.is-fallback{opacity:.8;background:linear-gradient(135deg,#6b7280 0%,#f8fafc 18%,#9ca3af 34%,#4b5563 52%,#e5e7eb 70%,#6b7280 86%,#d1d5db 100%)}.demo-notice{color:#fcd38a;background:#fbbf2414;border:1px solid #fbbf2452;border-radius:10px;align-items:flex-start;gap:9px;margin:0 0 18px;padding:10px 12px;font-size:.82rem;line-height:1.45;display:flex}.demo-notice svg{flex:none;margin-top:1px}.demo-badge{color:#fcd38a;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;border:1px solid #fbbf2466;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.62rem;font-weight:700;display:inline-block}.preview-banner{z-index:60;color:#fde68a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141006eb;border:1px solid #fbbf2473;border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:9px 14px;font-size:.8rem;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000073}.preview-banner strong{color:#1c1405;letter-spacing:.06em;text-transform:uppercase;background:#fbbf24;border-radius:999px;padding:2px 8px;font-size:.68rem}.preview-banner a{color:#fff;white-space:nowrap;font-weight:650}@media (width<=560px){.preview-banner span{display:none}}.admin-boot{color:#94a3b8;place-items:center;min-height:100vh;display:grid}.about-root-section{isolation:isolate;flex-direction:column;justify-content:center;align-items:stretch;min-height:100svh;margin-top:100px;padding:70px 32px 64px;display:flex;position:relative;overflow:hidden}.about-container-inner{grid-template-columns:minmax(0,1fr) minmax(280px,.92fr) minmax(0,.82fr);align-items:center;gap:clamp(24px,4vw,64px);width:min(1200px,100%);min-height:min(690px,100svh - 120px);margin:0 auto;display:grid}.about-intro,.about-bio{z-index:2;position:relative}.about-intro{width:100%}.about-title{color:#f8fafc;letter-spacing:-.055em;flex-direction:column;margin:0 0 26px;font-size:clamp(2.5rem,6vw,4.2rem);font-weight:800;line-height:.98;display:flex}.about-title-greeting{color:#3478ff;background:linear-gradient(100deg,#3c83ff 5%,#2056c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-title>span:last-child{background:linear-gradient(105deg,#fff 8%,#8e98a8 58%,#464c57 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-action{color:#eaf2ff;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 19px;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.about-action:hover{transform:translateY(-2px)}.about-action:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.about-action-primary{background:linear-gradient(110deg,#347bff,#2456c9);box-shadow:0 10px 32px #235ccd40}.about-action-primary:hover{background:linear-gradient(110deg,#4c8dff,#3068e0)}.about-action-secondary{color:#64a5ff;background:#030c1d7a;border:1px solid #3077ff57;margin-top:13px}.about-action-secondary:hover{background:#1b4d9d29;border-color:#3077ffb3}.about-bio{color:#b8bfd3;justify-self:end;max-width:340px;font-size:clamp(.98rem,1.45vw,1.1rem);font-weight:450;line-height:1.75}.about-bio p{margin:0 0 18px}.about-bio strong{color:#e5edff;font-weight:700}.about-portrait-reveal{align-self:end}.about-portrait-stage{justify-content:center;align-items:flex-end;height:min(75svh,690px);min-height:470px;display:flex;position:relative}.about-portrait-glow{filter:blur(38px);background:radial-gradient(circle at 50% 35%,#ea26405e,#0000 42%),radial-gradient(circle at 48% 68%,#1e70e26b,#0000 65%);border-radius:50%;height:55%;position:absolute;bottom:10%;left:5%;right:5%}.about-portrait{z-index:1;flex:none;min-width:160%;height:100vh;position:relative;-webkit-mask-image:linear-gradient(#000 0% 76%,#000000bd 88%,#0000 100%);mask-image:linear-gradient(#000 0% 76%,#000000bd 88%,#0000 100%)}.about-person-image,.about-alt-image{object-fit:cover;object-position:center bottom;width:100%;height:100vh;display:block;position:absolute;inset:0}.about-person-image{z-index:1;filter:drop-shadow(0 16px 35px #0000003d)}.about-alt-image{z-index:2;opacity:0;filter:saturate(1.12)contrast(1.05)drop-shadow(0 4px 18px #dc18342e);-webkit-mask-image:radial-gradient(circle 115px at var(--hover-x,50%) var(--hover-y,50%), #000 0%, #000 58%, transparent 100%);-webkit-mask-image:radial-gradient(circle 115px at var(--hover-x,50%) var(--hover-y,50%), #000 0%, #000 58%, transparent 100%);mask-image:radial-gradient(circle 115px at var(--hover-x,50%) var(--hover-y,50%), #000 0%, #000 58%, transparent 100%);pointer-events:none;transition:opacity .18s}.about-portrait-stage.alt-hovered .about-alt-image{opacity:.92}.about-portrait-stage.is-in-view:not(.alt-hovered):not([data-alt-visible=true]) .about-alt-image{animation:7s ease-in-out infinite idle-alt-blink;-webkit-mask-image:none;mask-image:none}.about-portrait-stage[data-alt-visible=true] .about-alt-image{opacity:.92;animation:none;-webkit-mask-image:none;mask-image:none}@keyframes idle-alt-blink{0%,38%,to{opacity:0}8%,22%{opacity:.92}}@keyframes mobile-alt-blink{0%,45%,to{opacity:0}50%{opacity:.3}55%,88%{opacity:.92}}.about-portrait-orbit{z-index:0;aspect-ratio:1;pointer-events:none;border:1px solid #6c97d71f;border-radius:50%;width:78%;animation:14s ease-in-out infinite alternate orbit-drift;position:absolute;top:17%;left:50%;transform:translate(-50%)}.about-portrait-orbit-two{border-color:#e53d5121;width:60%;animation-duration:11s;animation-direction:alternate-reverse;top:27%}@keyframes orbit-drift{0%{transform:translate(-56%)scale(.98)}to{transform:translate(-44%)scale(1.03)}}.about-portrait-spark{z-index:3;background:#39e5d0;border-radius:50%;width:7px;height:7px;animation:3.2s ease-in-out infinite spark-pulse;position:absolute;top:59%;right:22%;box-shadow:0 0 14px 3px #39e5d073}@keyframes spark-pulse{50%{opacity:.45;transform:scale(.7)}}.about-alt-toggle{z-index:4;color:#cbd5e1;cursor:pointer;opacity:0;background:#05091299;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;transition:opacity .2s;display:grid;position:absolute;bottom:14%;right:12%}.about-alt-toggle:focus-visible{opacity:1;outline-offset:2px;outline:2px solid #60a5fa}@media (hover:none){.about-alt-toggle{opacity:.85}}@media (width<=900px){.about-root-section{padding-left:24px;padding-right:24px}.about-container-inner{grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);gap:24px;min-height:0}.about-intro{grid-area:1/1}.about-bio{grid-area:2/1;justify-self:start;font-size:.95rem}.about-title{font-size:clamp(2.5rem,5.8vw,3.8rem)}.about-portrait-reveal{grid-area:1/2/span 2}.about-portrait-stage{height:min(70svh,620px);min-height:430px}}@media (width<=620px){.about-root-section>.section-display-title,.about-intro .about-action-primary,.about-action-secondary{display:none}.about-root-section{min-height:auto;margin-top:0;padding:48px 22px 60px}.about-container-inner{grid-template-columns:minmax(0,1fr);gap:16px}.about-intro{text-align:center;grid-area:1/1}.about-title{align-items:center;gap:5px;margin-bottom:18px;font-size:clamp(2.4rem,10.5vw,3.5rem);line-height:1.06}.about-portrait-reveal{grid-area:2/1;justify-self:center;width:min(100%,700px)}.about-portrait-stage{height:clamp(400px,60svh,540px);min-height:0}.about-portrait-glow{filter:none;opacity:.6}.about-portrait{width:min(100%,700px);min-width:0;height:100%}.about-person-image,.about-alt-image{object-fit:contain;transform-origin:bottom;height:100%;transform:scale(1.55)}.about-portrait-stage.is-in-view:not(.alt-hovered):not([data-alt-visible=true]) .about-alt-image{animation:6s ease-in-out infinite mobile-alt-blink}.about-bio{text-align:center;grid-area:3/1;justify-self:center;width:min(100%,420px);max-width:none;margin-top:-16px;font-size:.95rem;line-height:1.7}}@media (prefers-reduced-motion:reduce){.about-action,.about-alt-image{transition:none}.about-portrait-stage.is-in-view:not(.alt-hovered):not([data-alt-visible=true]) .about-alt-image,.about-portrait-orbit,.about-portrait-spark{animation:none}}.about-cutout-stage{--px:0px;--py:0px;align-items:flex-end}.about-cutout-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle at 46% 42%,#2563eb5c,#0000 62%),radial-gradient(circle at 40% 82%,#f9731624,#0000 46%);border-radius:50%;height:62%;position:absolute;bottom:6%;left:-6%;right:-6%}.about-cutout-shadow{z-index:1;filter:blur(6px);width:78%;height:7%;transform:translateX(calc(-50% + var(--px) * .4));pointer-events:none;background:radial-gradient(#000000bf,#0000 70%);border-radius:50%;transition:transform .6s cubic-bezier(.22,.7,.22,1);position:absolute;bottom:1.5%;left:50%}.about-cutout-image{z-index:2;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 34px #0000008c)drop-shadow(0 0 28px #2563eb1f);width:auto;max-width:150%;height:96%;transform:translate3d(var(--px), var(--py), 0);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:none;transition:transform .6s cubic-bezier(.22,.7,.22,1);display:block;position:relative}@media (width<=620px){.about-cutout-stage{height:clamp(330px,92vw,460px)}.about-cutout-image{max-width:100%;height:100%}.about-cutout-glow{filter:blur(26px)}}@media (prefers-reduced-motion:reduce){.about-cutout-image,.about-cutout-shadow{transition:none;transform:none}}.experience-section{padding:70px 24px 24px;position:relative}.experience-container{width:min(100%,1200px);margin:0 auto}.experience-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,40px);display:grid}.experience-group h3{color:#f8fafc;letter-spacing:-.025em;margin:0 0 20px;font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:800}.experience-card{min-height:108px;transition:border-color .25s, opacity .8s cubic-bezier(.22, .7, .22, 1) var(--reveal-delay,0s), transform .9s cubic-bezier(.22, .7, .22, 1) var(--reveal-delay,0s), filter .8s ease var(--reveal-delay,0s);background:linear-gradient(135deg,#121b2ce6,#0c1320e0);border:1px solid #94a3b81a;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:inset 0 1px #ffffff06}.experience-card:hover{border-color:#60a5fa47}.experience-card+.experience-card{margin-top:14px}.experience-logo{flex:0 0 64px;place-items:center;width:64px;height:64px;display:grid}.experience-logo img{object-fit:contain;width:100%;height:100%;display:block}.experience-card-copy{min-width:0}.experience-card-copy h4{color:#f5f7ff;margin:0 0 5px;font-size:clamp(1rem,1.8vw,1.18rem);font-weight:750;line-height:1.35}.experience-card-copy p{color:#aeb8cc;margin:0 0 6px;font-size:.96rem;line-height:1.45}.experience-date{color:#82baff;font-size:.95rem;font-weight:600}.experience-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:64px;display:grid}.experience-stat-card{background:radial-gradient(circle at 100% 100%,#2d5ba01f,#0000 55%),linear-gradient(135deg,#121b2ceb,#0c1320e6);border:1px solid #94a3b81f;border-radius:20px;min-height:184px;padding:24px 26px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.experience-stat-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.experience-stat-icon{color:#9ec5ff;background:#25457b38;border:1px solid #3b82f62b;border-radius:14px;flex:none;place-items:center;width:54px;height:54px;display:grid}.experience-stat-top strong{color:#f4f5ff;letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,5vw,3.6rem);font-weight:800;line-height:1}.experience-stat-card h4{z-index:1;color:#e7ecfa;letter-spacing:.09em;text-transform:uppercase;margin:22px 0 4px;font-size:.84rem;font-weight:800;position:relative}.experience-stat-card p{z-index:1;color:#a4aec1;margin:0;font-size:.9rem;position:relative}@media (width<=760px){.experience-section{padding:52px 20px 16px}.experience-columns{grid-template-columns:minmax(0,1fr);gap:30px}.experience-card{min-height:104px;padding:16px}.experience-stats{gap:12px;margin-top:42px}.experience-stat-card{min-height:158px;padding:18px}.experience-stat-icon{width:44px;height:44px}}@media (width<=520px){.experience-stats{grid-template-columns:minmax(0,1fr)}.experience-stat-card{min-height:145px}}.experience-columns.is-single{grid-template-columns:minmax(0,1fr)}.experience-columns+.experience-stats{margin-top:64px}.experience-stats:first-child{margin-top:0}.activity-list{gap:14px;display:grid}.activity-row{min-width:0;display:flex}.activity-card{width:100%;color:inherit;text-decoration:none}.activity-card.is-link{cursor:pointer;transition:border-color .25s,transform .25s,background .25s}.activity-card.is-link:hover{border-color:#60a5fa52;transform:translateY(-2px)}.activity-card.is-link:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.activity-mark{color:#9ec5ff;background:#25457b33;border:1px solid #3b82f62e;border-radius:16px;flex:0 0 64px;place-items:center;width:64px;height:64px;display:grid}.activity-mark.is-brand{background:#03060c8c;border-color:#ffffff1a}.activity-card .experience-card-copy{flex-direction:column;flex:1;display:flex}.activity-title{color:#f5f7ff;margin:0 0 5px;font-size:clamp(1rem,1.8vw,1.18rem);font-weight:750;line-height:1.35}.activity-text{color:#aeb8cc;font-size:.96rem;line-height:1.45}.activity-arrow{color:#64748b;flex:none;align-self:flex-start;transition:transform .2s,color .2s}.activity-card.is-link:hover .activity-arrow{color:#38bdf8;transform:translate(2px,-2px)}.activity-stat .experience-stat-top{margin-bottom:26px}.experience-stat-card .activity-stat-label{z-index:1;letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(105deg,#fff 10%,#b9c3d6 60%,#6b7487 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:800;line-height:1;position:relative}.activity-stat p{font-size:.95rem;line-height:1.45}@media (width<=760px){.activity-mark{border-radius:14px;flex-basis:52px;width:52px;height:52px}.activity-stat .experience-stat-top{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.activity-card.is-link,.activity-arrow{transition:none}}.bg-root{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-ambient{z-index:1;position:absolute;inset:0;overflow:hidden}.bg-orb{aspect-ratio:1;filter:blur(90px);opacity:.56;will-change:transform, opacity;border-radius:50%;width:clamp(250px,34vw,520px);animation:18s ease-in-out infinite orb-float;display:block;position:absolute}.bg-orb-one{background:radial-gradient(circle,#2563eb52,#2563eb00 70%);top:8%;left:-11%}.bg-orb-two{background:radial-gradient(circle,#0ea5e933,#0ea5e900 70%);animation-duration:22s;animation-delay:-6s;top:30%;right:-17%}.bg-orb-three{background:radial-gradient(circle,#1e5adc24,#1e5adc00 70%);width:clamp(220px,28vw,420px);animation-duration:26s;animation-delay:-12s;bottom:-23%;left:30%}@keyframes orb-float{0%,to{opacity:.56;transform:translate(0,0)scale(1)}50%{opacity:.82;transform:translate(22px,20px)scale(1.09)}}.bg-stars{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.bg-meteors{z-index:2;position:absolute;inset:0;overflow:hidden}.bg-meteor{top:var(--meteor-top);left:var(--meteor-left);opacity:0;transform-origin:0;width:150px;height:2px;animation:meteor-fall var(--meteor-duration) linear var(--meteor-delay) infinite;background:linear-gradient(90deg,#0000,#73b0ff1f 35%,#c3e0fff2);border-radius:999px;display:block;position:absolute;transform:rotate(45deg);box-shadow:0 0 8px #64a4ff73}@keyframes meteor-fall{0%{opacity:0;transform:translate(0)rotate(45deg)}2%{opacity:.9}8%{opacity:.75}12%,to{opacity:0;transform:translate(75vw,75vh)rotate(45deg)}}@media (width<=767px){.bg-orb{filter:none}}@media (prefers-reduced-motion:reduce){.bg-orb{animation:none}}.icon-btn{color:#a3adbd;white-space:nowrap;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:36px;height:36px;padding:0 9px;font-family:inherit;font-size:.76rem;font-weight:650;line-height:1;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex;position:relative}.icon-btn:hover{color:#f1f5f9;background:#ffffff14;border-color:#93c5fd66}.icon-btn.is-danger:hover,.icon-btn.is-danger.is-armed{color:#fecaca;background:#f871711f;border-color:#f871718c}.icon-btn.is-warn:hover,.icon-btn.is-warn.is-armed{color:#fde68a;background:#fbbf241a;border-color:#fbbf248c}.icon-btn:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.icon-btn:disabled{opacity:.5;cursor:default}.icon-btn[data-tip]:after{content:attr(data-tip);z-index:5;color:#e2e8f0;letter-spacing:0;white-space:nowrap;opacity:0;pointer-events:none;background:#0b111d;border:1px solid #ffffff1f;border-radius:7px;padding:5px 8px;font-size:.72rem;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;top:50%;right:calc(100% + 8px);transform:translate(3px,-50%);box-shadow:0 8px 22px #0006}.icon-btn[data-tip]:hover:after,.icon-btn[data-tip]:focus-visible:after{opacity:1;transform:translateY(-50%)}@media (pointer:coarse){.icon-btn{min-width:44px;height:44px}.icon-btn[data-tip]:after{display:none}}@media (prefers-reduced-motion:reduce){.icon-btn,.icon-btn[data-tip]:after{transition:none}}#comments{scroll-margin-top:96px}.comments-loading{color:#949baa;text-align:center;margin:0;padding:18px 4px;font-size:.82rem}.comments-notice{color:#bcd4f6;background:#3b82f612;border:1px solid #60a5fa38;border-radius:10px;align-items:flex-start;gap:9px;margin:0 0 18px;padding:10px 12px;font-size:.82rem;line-height:1.45;display:flex}.comments-notice svg{flex:none;margin-top:1px}.comments-notice.is-muted{color:#a3abba;background:#ffffff09;border-color:#ffffff1a}.comments-notice.is-warn{color:#fcd38a;background:#fbbf2414;border-color:#fbbf2452}.comment-signin{flex-direction:column;gap:10px;display:flex}.comment-discord-btn{color:#fff;background:#5865f2;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:11px 18px;font-size:.92rem;font-weight:650;text-decoration:none;transition:background .25s,transform .25s,box-shadow .25s;display:inline-flex}a.comment-discord-btn:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 0 26px #5865f26b}.comment-discord-btn:focus-visible{outline-offset:3px;outline:2px solid #c7d2fe}.comment-discord-btn.is-disabled{color:#ffffff8c;cursor:not-allowed;background:#5865f238}.comment-signin-note{color:#949baa;text-align:center;margin:0;font-size:.78rem;line-height:1.45}.comment-profile{background:#ffffff0b;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:12px;min-height:60px;padding:9px 12px;display:flex}.comment-profile-text{flex-direction:column;flex:1;min-width:0;display:flex}.comment-profile-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;overflow:hidden}.comment-profile-sub{color:#949baa;align-items:center;gap:5px;font-size:.74rem;display:inline-flex}.comment-avatar{object-fit:cover;background:#5865f24d;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.comment-avatar.is-fallback{color:#e0e7ff;font-size:.85rem;font-weight:700}.comment-text-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;flex:none;padding:6px 10px;font-family:inherit;font-size:.76rem;font-weight:600;transition:background .2s,border-color .2s,color .2s}.comment-text-btn:hover{color:#fff;background:#ffffff14;border-color:#93c5fd66}.comment-text-btn.is-danger:hover{color:#fecaca;border-color:#f8717180}.comment-text-btn:focus-visible,.comment-more-btn:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.comment-text-btn:disabled,.contact-submit-btn:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.comment-count{color:#818a9b;font-variant-numeric:tabular-nums;align-self:flex-end;margin-top:-4px;font-size:.72rem}.comment-count.is-over{color:#fca5a5}.contact-comments-panel .contact-comment-form{margin-top:18px}.contact-comments-panel .comments-status{margin-top:12px}.comments-status.is-ok{color:#86efac}.comments-status.is-info{color:#bcd4f6}.comment-item{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"avatar meta actions""avatar body body";align-items:start;gap:6px 12px;padding:14px 2px;display:grid}.comment-item+.comment-item{border-top:1px solid #ffffff12}.comment-item>.comment-avatar{grid-area:avatar}.comment-meta{flex-wrap:wrap;grid-area:meta;align-items:baseline;gap:2px 8px;min-width:0;line-height:20px;display:flex}.comment-author{color:#f1f5f9;overflow-wrap:anywhere;font-size:.88rem;font-weight:700}.comment-tag{color:#93c5fd;letter-spacing:.06em;text-transform:uppercase;border:1px solid #60a5fa59;border-radius:999px;padding:1px 7px;font-size:.62rem;font-weight:700;line-height:1.5}.comment-tag.is-warn{color:#fcd38a;border-color:#fbbf2466}.comment-meta time{color:#818a9b;font-size:.74rem}.comment-actions{grid-area:actions;align-self:center;gap:8px;margin-block:-8px;display:flex}.comment-body{color:#cbd5e1;white-space:pre-wrap;overflow-wrap:anywhere;grid-area:body;margin:0;font-size:.88rem;line-height:1.6}@media (pointer:coarse){.comment-actions{margin-block:-12px}.comment-item{row-gap:8px}}.comment-items{margin:0;padding:0;list-style:none}.comment-profile-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.comment-more-btn{color:#cbd5e1;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:9px;width:100%;margin:8px 0 4px;padding:10px;font-family:inherit;font-size:.82rem;font-weight:600;display:block}.comment-more-btn:hover{background:#ffffff12}@media (prefers-reduced-motion:reduce){.comment-discord-btn,.comment-text-btn{transition:none}}.comment-profile+.comments-notice,.comment-signin+.comments-notice{margin-top:14px}.contact-root-section{padding:112px 24px 120px;position:relative}@media (width>=1024px){.contact-root-section{padding:120px 48px 140px}}.contact-container-inner{width:min(1200px,100%);margin:0 auto}.contact-layout{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:36px;display:grid}.contact-panel,.contact-comments-panel{background:radial-gradient(circle at 0 0,#3b82f61a,#0000 46%),linear-gradient(145deg,#121b2ca8,#080c1694);border:1px solid #ffffff1a;border-radius:18px;min-width:0;padding:32px;position:relative;box-shadow:0 28px 80px #00000052,inset 0 1px #ffffff13,inset 0 0 34px #60a5fa06}.contact-comments-panel{background:radial-gradient(circle at 100% 0,#3b82f613,#0000 42%),linear-gradient(145deg,#0d121da8,#070a119e)}.contact-panel:before,.contact-comments-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#bfdbfe57,#0000);border-radius:50%;width:76%;height:1px;position:absolute;top:0;left:12%}.contact-section-title{color:#3478ff;letter-spacing:-.02em;margin:0 0 8px;font-size:1.8rem;font-weight:800}.contact-panel-intro{color:#b5bdcd;margin:0 0 22px;font-size:.95rem;line-height:1.5}.contact-actual-form,.contact-comment-form{flex-direction:column;gap:18px;margin-top:10px;display:flex}.contact-form-field{flex-direction:column;gap:6px;display:flex}.contact-comment-form .contact-form-field{gap:10px}.contact-form-field label,.contact-field-label{color:#e2e6ef;font-size:.8rem;font-weight:500}.contact-input-wrap{align-items:flex-start;display:flex;position:relative}.contact-input-wrap>svg{z-index:1;color:#929bab;pointer-events:none;position:absolute;top:16px;left:14px}.contact-form-field input,.contact-form-field textarea{color:#fff;background:#ffffff0b;border:1px solid #ffffff17;border-radius:10px;outline:none;width:100%;min-height:48px;padding:13px 14px;font-family:inherit;font-size:.88rem;transition:all .2s}.contact-input-wrap:not(.no-icon) input,.contact-input-wrap:not(.no-icon) textarea{padding-left:42px}.contact-form-field textarea{resize:vertical;min-height:136px}.contact-comment-form .contact-form-field textarea{min-height:144px}.contact-comment-form .contact-form-field input{min-height:60px}.contact-form-field input::placeholder,.contact-form-field textarea::placeholder{color:#818a9b}.contact-form-field input:focus,.contact-form-field textarea:focus{background:#080c1ccc;border-color:#2c67ed;box-shadow:0 0 15px #2c67ed40}.contact-form-field [aria-invalid=true]{border-color:#f8717199}.contact-field-error{color:#fca5a5;font-size:.78rem}.contact-submit-btn{color:#fff;cursor:pointer;background:#2c67ed;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:2px;padding:11px 18px;font-family:Arial,sans-serif;font-size:.92rem;font-weight:600;transition:all .25s;display:inline-flex}.contact-submit-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 0 30px #2c67ed80}.contact-submit-btn:focus-visible{outline-offset:3px;outline:2px solid #93c5fd}.contact-form-status{color:#fcd38a;min-height:0;margin:-6px 0 0;font-size:.82rem;line-height:1.45}.contact-form-status:empty{display:none}.contact-find-me{border-top:1px solid #ffffff1a;margin-top:28px;padding-top:20px}.contact-find-me h4{color:#f1f5f9;letter-spacing:.04em;text-transform:uppercase;margin:0 0 24px;font-size:1.2rem;font-weight:750}.contact-social-grid{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.contact-social-card{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0e,#ffffff05);border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:18px;min-width:0;min-height:88px;padding:16px 18px;text-decoration:none;transition:all .25s;display:flex;box-shadow:inset 0 1px #ffffff0a}a.contact-social-card:hover{border-color:#ffffff29;transform:translateY(-3px)}a.contact-social-card:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.contact-social-card.is-inert{opacity:.72}.contact-social-icon-box{background:0 0;border-radius:11px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s,filter .25s;display:flex}a.contact-social-card:hover .contact-social-icon-box{transform:scale(1.06)}.contact-social-text{flex-direction:column;flex:1;min-width:0;display:flex}.contact-social-label{color:#fff;font-size:1rem;font-weight:700}.contact-social-sub{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.contact-social-arrow{color:#64748b;flex:none;transition:transform .2s,color .2s}a.contact-social-card:hover .contact-social-arrow{color:#38bdf8;transform:translate(2px,-2px)}a.contact-social-card--tiktok:hover{background:linear-gradient(110deg,#ffffff0b,#0f121959 55%,#fe2c5517);border-color:#f1f5f947;box-shadow:inset 0 1px #ffffff14,0 12px 34px #00000038}a.contact-social-card--tiktok:hover .contact-social-arrow{color:#f1f5f9}a.contact-social-card--instagram:hover{background:linear-gradient(110deg,#833ab447,#fd1d1d2e,#fcb0453d);border-color:#e1306c73;box-shadow:0 12px 34px #c135841f}a.contact-social-card--instagram:hover .contact-social-arrow{color:#f472b6}a.contact-social-card--github:hover{background:linear-gradient(110deg,#24292f9e,#161b2266,#6e768129);border-color:#8b949e6b;box-shadow:0 12px 34px #0003}a.contact-social-card--github:hover .contact-social-arrow{color:#f0f6fc}a.contact-social-card--discord:hover{background:linear-gradient(110deg,#5865f24d,#0f121959 55%,#5865f224);border-color:#5865f280;box-shadow:0 12px 34px #5865f224}a.contact-social-card--discord:hover .contact-social-arrow{color:#8f99ff}a.contact-social-card--snoketik:hover{background:linear-gradient(110deg,#3a6bff47,#0f121959 52%,#38bdf824);border-color:#3a6bff80;box-shadow:0 12px 34px #3a6bff24}a.contact-social-card--snoketik:hover .contact-social-arrow{color:#7aa2ff}.contact-comments-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:18px;display:flex}.contact-comments-icon{color:#e5e7eb;background:#ffffff1c;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid}.contact-comments-header h3{color:#f8fafc;margin:0;font-size:1.12rem;font-weight:750}.contact-comments-header h3>span:not(.demo-badge){color:#a1a1aa;font-weight:600}.contact-comments-list{scrollbar-color:#fff3 transparent;scrollbar-width:thin;max-height:min(560px,64vh);margin-top:12px;overflow-y:auto}.contact-comments-empty{color:#949baa;text-align:center;margin:4px 0 0;padding:18px 4px;font-size:.82rem}@media (width<=900px){.contact-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.contact-root-section{padding:84px 16px 80px}.contact-panel,.contact-comments-panel{background:linear-gradient(145deg,#121b2c,#080c16);border-radius:14px;padding:22px 18px}}@media (prefers-reduced-motion:reduce){.contact-social-card,.contact-submit-btn,.contact-social-icon-box,.contact-social-arrow{transition:none}}.contact-form-fieldset{border:0;flex-direction:column;gap:18px;min-width:0;margin:0;padding:0;display:flex}.contact-actual-form.is-inactive .contact-form-field input,.contact-actual-form.is-inactive .contact-form-field textarea{cursor:not-allowed;opacity:.55;resize:none}.contact-actual-form.is-inactive .contact-form-field label,.contact-actual-form.is-inactive .contact-input-wrap>svg{opacity:.6}.contact-actual-form.is-inactive .contact-submit-btn{color:#fff9;cursor:not-allowed;box-shadow:none;background:#2c67ed47;transform:none}.demo-badge.is-inactive{color:#cbd5e1;letter-spacing:.04em;text-transform:none;border-color:#94a3b873}.contact-layout.is-single{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto}.footer-root{z-index:3;-webkit-backdrop-filter:blur(20px);background:#04060ccc;border-top:1px solid #ffffff14;padding:60px 24px 30px;position:relative}@media (width>=1024px){.footer-root{padding:70px 48px 36px}}.footer-container{width:min(1200px,100%);margin:0 auto}.footer-top-row{grid-template-columns:1fr;gap:2.5rem;margin-bottom:3.5rem;display:grid}@media (width>=768px){.footer-top-row{grid-template-columns:2fr 1fr 1fr;gap:3rem}}.footer-brand-wrap,.footer-nav-col{flex-direction:column;display:flex}.footer-logo{color:#60a5fa;align-items:center;gap:10px;margin-bottom:.85rem;display:flex}.footer-brand-title{color:#fff;letter-spacing:-.01em;font-size:1.25rem;font-weight:800}.footer-tagline{color:#94a3b8;max-width:380px;margin:0;font-size:.9rem;font-weight:300;line-height:1.65}.footer-col-heading{color:#60a5fa;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.8rem;font-weight:700}.footer-links-list{flex-direction:column;gap:10px;display:flex}.footer-links-list a{color:#cbd5e1;width:fit-content;font-size:.88rem;text-decoration:none;transition:color .2s}.footer-links-list a:hover{color:#38bdf8}.footer-social-row{align-items:center;gap:10px;display:flex}.footer-social-row a{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.footer-social-row a:hover{color:#fff;background:#2c67ed33;border-color:#2c67ed66}.footer-social-row a[aria-disabled=true]{cursor:default;opacity:.6}.footer-bottom-row{border-top:1px solid #ffffff0f;flex-direction:column;justify-content:space-between;align-items:center;gap:1.25rem;padding-top:1.75rem;display:flex}@media (width>=640px){.footer-bottom-row{flex-direction:row}}.footer-copyright{color:#64748b;margin:0;font-size:.82rem}.footer-back-to-top{color:#cbd5e1;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-family:Arial,sans-serif;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.footer-back-to-top:hover{color:#fff;background:#2c67ed26;border-color:#2c67ed59}.footer-back-to-top:hover svg{transform:translateY(-2px)}.footer-back-to-top svg{transition:transform .2s}@media (width<=767px){.footer-root{padding:24px 18px}.footer-top-row{margin-bottom:18px}.footer-tagline,.footer-nav-col,.footer-back-to-top{display:none}.footer-logo{margin-bottom:0}.footer-bottom-row{flex-direction:row;gap:12px;padding-top:16px}}.footer-logo-mark{color:#60a5fa;filter:drop-shadow(0 0 6px #60a5fa59);flex:none}.footer-handle{color:#64748b;border-left:1px solid #ffffff1a;margin-left:12px;padding-left:12px}.lanyard-host{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.lanyard-host.lanyard-mode-webgl{bottom:-60%}@media (width<=767px){.lanyard-host.lanyard-mode-webgl{bottom:-70%}}.lanyard-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.lanyard-hit{pointer-events:auto;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;will-change:transform;border-radius:18px;outline:none;width:0;height:0;position:absolute;top:0;left:0}.lanyard-hit:focus-visible{box-shadow:0 0 0 2px #60a5fad9}html.lanyard-grabbing,html.lanyard-grabbing *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.badge-fallback{pointer-events:none;perspective:1200px;width:clamp(200px,21vw,290px);position:absolute;top:0;left:73.5%;transform:translate(-50%)}.badge-fallback-swing{transform-origin:50% 0;flex-direction:column;align-items:center;animation:5.5s ease-in-out infinite badge-sway;display:flex}.badge-fallback-strap{background:#0d0d0f;border-left:2px solid #ffffff0f;border-right:2px solid #ffffff0f;justify-content:center;align-items:center;width:13.5%;height:clamp(130px,19vh,190px);display:flex;overflow:hidden}.badge-fallback-print{flex-direction:column;align-items:center;gap:7px;display:flex}.badge-fallback-print span{writing-mode:vertical-rl;white-space:nowrap;color:#f5f5f7;letter-spacing:.12em;font-size:12px;font-weight:800}.badge-fallback-line{background:#f5f5f7;border-radius:1px;width:1.5px;height:22px;display:block}.badge-fallback-clip{background:linear-gradient(#e7eaee,#9aa1aa);border-radius:4px 4px 8px 8px;width:16%;height:26px;box-shadow:0 2px 6px #0006}.badge-fallback-card{aspect-ratio:2/3;cursor:pointer;pointer-events:auto;width:100%;transform-style:preserve-3d;background:0 0;border:0;margin-top:6px;padding:0;transition:transform .7s cubic-bezier(.2,.75,.25,1);position:relative}.badge-fallback[data-flipped=true] .badge-fallback-card{transform:rotateY(180deg)}.badge-fallback-card:focus-visible{outline-offset:4px;border-radius:16px;outline:2px solid #60a5fa}.badge-fallback-face{backface-visibility:hidden;background:#0c0e14;border-radius:14px;padding:5px;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 50px #0000008c}.badge-fallback-face img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.badge-fallback-back{transform:rotateY(180deg)}@keyframes badge-sway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}@media (width<=767px){.badge-fallback{width:min(220px,56vw);left:50%}}@media (prefers-reduced-motion:reduce){.badge-fallback-swing{animation:none}.badge-fallback-card{transition:none}}.hero{min-height:calc(max(90svh, 724px) * var(--ui-scale));align-items:center;padding:117px 0 54px;display:flex;position:relative}.hero-lanyard-slot{z-index:4;pointer-events:none;position:absolute;inset:0}.hero-inner{z-index:3;width:100%;padding:0 48px;position:relative}.hero-copy{max-width:1220px;margin:0 auto}.hero-copy>*{max-width:560px}.hero-title{letter-spacing:-.025em;color:#f1f5f9;margin:0;font-size:clamp(2.8rem,6vw,4.8rem);font-weight:800;line-height:1.05}.hero-title span{width:fit-content;display:block}.hero-title-gradient{background:linear-gradient(135deg,#2c67ed 0%,#38bdf8 55%,#818cf8 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-title-white{color:#fff}.hero-typewriter{letter-spacing:.02em;color:#93c5fd;align-items:center;min-height:1.25em;margin:16px 0 0;font-size:1.35rem;font-weight:500;display:flex}.hero-typewriter-cursor{background:#2c67ed;border-radius:2px;width:2px;height:22px;margin-left:4px;animation:1s step-end infinite cursor-blink;display:inline-block}.hero-typewriter-cursor.is-static{animation:none}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-description{color:#94a3b8;max-width:560px;margin:27px 0 0;font-size:1.06rem;font-weight:300;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-btn{border-radius:14px;align-items:center;gap:9px;font-size:.92rem;font-weight:600;line-height:normal;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.hero-btn-primary{color:#fff;background:#2c67ed;padding:13px 26px;box-shadow:0 0 25px #2c67ed59}.hero-btn-primary:hover{background:#3c74f0;transform:translateY(-1px);box-shadow:0 0 32px #2c67ed80}.hero-btn-secondary{color:#dbeafe;background:#ffffff08;border:1px solid #ffffff1f;padding:13px 24px}.hero-btn-secondary:hover{background:#ffffff12;border-color:#60a5fa73;transform:translateY(-1px)}.hero-btn svg{transition:transform .2s}.hero-btn:hover svg{transform:translate(2px)}.hero-btn:focus-visible,.hero-social-icon-btn:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.hero-find-me{align-items:center;gap:13px;margin-top:45px;display:flex}.hero-find-me-label{color:#60a5fa;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.hero-socials{gap:10px;margin:0;padding:0;list-style:none;display:flex}.hero-social-icon-btn{color:#cbd5e1;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:11px;place-items:center;width:38px;height:38px;transition:color .2s,background .2s,border-color .2s,transform .2s;display:grid}.hero-social-icon-btn:hover{color:#fff;background:#ffffff12;border-color:#60a5fa66;transform:translateY(-1px)}.hero-social-icon-btn[aria-disabled=true]{cursor:default}@media (width<=1024px) and (width>=768px){.hero-copy>*{max-width:470px}}@media (width<=767px){.hero{flex-direction:column;align-items:stretch;min-height:0;padding:0 0 56px}.hero-lanyard-slot{--badge-card-h:clamp(220px, 88vw, 380px);height:calc(116px + 1.4634 * var(--badge-card-h));position:relative;inset:auto}.hero-inner{padding:0 20px}.hero-copy{text-align:center}.hero-copy>*{max-width:none}.hero-title{font-size:clamp(2.25rem,9vw,3.4rem)}.hero-title span{margin:0 auto}.hero-typewriter{justify-content:center;font-size:1.1rem}.hero-typewriter-cursor{height:18px}.hero-description{margin-left:auto;margin-right:auto;font-size:1rem}.hero-actions,.hero-find-me{justify-content:center}}.loader-root{z-index:99999;isolation:isolate;background:#02050b;place-items:center;transition:transform .7s cubic-bezier(.83,0,.17,1),visibility .7s;display:grid;position:fixed;inset:0;overflow:hidden}.loader-root.is-leaving{transform:translateY(-100%)}.loader-root.is-reduced{transition:opacity .2s linear}.loader-root.is-reduced.is-leaving{opacity:0;transform:none}.loader{z-index:2;flex-direction:column;align-items:center;gap:24px;width:min(320px,70vw);animation:.65s cubic-bezier(.2,.75,.25,1) both loader-in;display:flex;position:relative}.loader-number{color:#f4f6fb;letter-spacing:-.075em;font-variant-numeric:tabular-nums;align-items:baseline;font-size:clamp(4rem,14vw,9rem);font-weight:800;line-height:.9;display:flex}.loader-pct{color:#2c67ed;letter-spacing:0;margin-left:.08em;font-size:.42em;font-weight:600}.loader-track{background:#ffffff2e;width:100%;height:2px;overflow:hidden}.loader-fill{transform-origin:0;background:#2c67ed;width:100%;height:100%;display:block}.loader-label{color:#fdfdff;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:500}@keyframes loader-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.loader{animation:none}}.music-section{padding:64px 24px 140px;position:relative}.music-card{background:radial-gradient(circle at 90% 100%,#2c67ed29,#0000 42%),linear-gradient(135deg,#0c1326f5,#050813f5);border:1px solid #5e90ff33;border-radius:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,3vw,40px);width:min(100%,1200px);margin:0 auto;padding:clamp(24px,3vw,40px);display:grid;position:relative;box-shadow:0 24px 80px #00000047,inset 0 1px #ffffff0a}.music-copy{min-width:0}.music-copy h2{letter-spacing:-.055em;overflow-wrap:anywhere;background:linear-gradient(105deg,#fff 8%,#8e98a8 58%,#464c57 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:100%;margin:0 0 20px;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800;line-height:1.05}.music-copy h2 span{background:linear-gradient(100deg,#3c83ff 5% 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.music-description{color:#94a3b8;max-width:390px;margin:0;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.75}.music-open-link{color:#c7dcff;background:#2353b11f;border:1px solid #4b83ff4d;border-radius:12px;align-items:center;gap:9px;min-height:46px;margin-top:28px;padding:0 16px;font-size:.9rem;font-weight:650;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.music-open-link:hover{background:#2353b13d;border-color:#4b83ffa6;transform:translateY(-2px)}.music-player-frame{z-index:1;background:#030710b8;border:1px solid #ffffff14;border-radius:19px;width:100%;min-width:0;padding:7px;position:relative;box-shadow:0 20px 50px #00000052}.music-embed{border:0;border-radius:12px;width:100%;height:352px;display:block}.music-player-placeholder{background:#121212;border-radius:12px;grid-template-rows:auto 1fr;gap:18px;height:352px;padding:28px 30px 20px;display:grid}.music-ph-header{align-items:center;gap:clamp(16px,2vw,26px);display:flex}.music-ph-cover{aspect-ratio:1;color:#64748b;background:linear-gradient(135deg,#1f2937,#0b1220);border-radius:8px;flex:none;place-items:center;width:clamp(96px,26%,150px);display:grid}.music-ph-copy{gap:6px;display:grid}.music-ph-copy strong{color:#e5e7eb;font-size:1.05rem}.music-ph-copy span{color:#9ca3af;font-size:.86rem}.music-ph-tracks{border-top:1px solid #ffffff12;align-content:start;gap:14px;padding-top:6px;display:grid}.music-ph-track{align-items:center;gap:14px;display:flex}.music-ph-num,.music-ph-time,.music-ph-lines span{background:#94a3b824;border-radius:5px;display:block}.music-ph-num{width:10px;height:12px}.music-ph-time{width:34px;height:12px}.music-ph-lines{flex:1;gap:6px;display:grid}.music-ph-lines span:first-child{height:12px}.music-ph-lines span:last-child{height:9px}@media (width<=760px){.music-section{padding:48px 20px 64px}.music-card{grid-template-columns:minmax(0,1fr);gap:24px;max-width:520px;padding:clamp(22px,5vw,32px)}.music-copy h2{font-size:clamp(2rem,8vw,2.8rem)}.music-embed,.music-player-placeholder{height:380px}}@media (width<=480px){.music-section{padding-left:16px;padding-right:16px}.music-card{border-radius:22px}.music-player-placeholder{padding:18px}}.glass-surface{isolation:isolate;justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 2px 1px #ffffff59,inset 0 0 10px 4px #ffffff26,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d}.glass-surface--svg{-webkit-backdrop-filter:var(--glass-filter) saturate(1);backdrop-filter:var(--glass-filter) saturate(1);background:#00000014}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.6);backdrop-filter:blur(12px)saturate(1.6);background:#0c10206b}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{z-index:1;border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.navbar-root{z-index:1000;pointer-events:none;justify-content:center;padding:0 20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:8px;left:0;right:0}.navbar-container{pointer-events:auto;max-width:100%;margin-top:20px}.navbar-content{gap:8px;padding:8px 12px}.navbar-links{align-items:center;gap:4px;display:flex;position:relative}.navbar-link-item{z-index:1;color:#f8fafcc2;border-radius:999px;padding:12px 22px;font-size:1rem;font-weight:700;line-height:normal;text-decoration:none;transition:color .2s,background .2s;position:relative}.navbar-link-item:hover,.navbar-link-item.is-active{color:#fff}.navbar-link-item:focus-visible,.navbar-icon-btn:focus-visible,.navbar-mobile-toggle:focus-visible,.navbar-brand:focus-visible,.navbar-mobile-link:focus-visible,.navbar-mobile-cta:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.navbar-active-pill{z-index:0;pointer-events:none;background:linear-gradient(135deg,#ffffff2e,#3b82f621);border:1px solid #ffffff26;border-radius:999px;transition:transform .5s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;box-shadow:inset 0 1px #ffffff1f,0 0 20px #3b82f62e}.navbar-actions-divider{background:#ffffff42;flex:none;width:1px;height:24px;margin:0 4px}.navbar-icon-btn,.navbar-mobile-toggle{color:#f8fafc;cursor:pointer;background:#ffffff17;border:1px solid #ffffff21;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;transition:background .2s,border-color .2s;display:grid}.navbar-icon-btn:hover,.navbar-mobile-toggle:hover{background:#ffffff29;border-color:#ffffff3d}.navbar-mobile{display:none}@media (width<=767px){.navbar-root{padding:0 12px}.navbar-desktop{display:none}.navbar-mobile{pointer-events:auto;width:100%;display:block}.navbar-mobile-bar{width:100%;margin-top:20px}.navbar-mobile-content{justify-content:flex-end;min-height:48px;padding:8px 10px 8px 16px;position:relative}.navbar-brand{color:#fff;letter-spacing:-.01em;white-space:nowrap;font-size:1rem;font-weight:700;text-decoration:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-mobile-actions{align-items:center;gap:8px;display:flex}.navbar-mobile-toggle{background:0 0;border-color:#0000}.navbar-mobile-panel{-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);transform-origin:top;background:#070b18e6;border:1px solid #ffffff1a;border-radius:22px;margin-top:8px;padding:10px;animation:.32s cubic-bezier(.16,1,.3,1) mobile-panel-in;box-shadow:inset 0 1px #ffffff14,0 18px 50px #0000008c}.navbar-mobile-panel[hidden]{display:none}.navbar-mobile-panel ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.navbar-mobile-link{color:#f1f5f9d1;border-radius:14px;justify-content:space-between;align-items:center;padding:13px 14px;font-size:.98rem;font-weight:600;text-decoration:none;display:flex}.navbar-mobile-link.is-active{color:#fff;background:#ffffff12;border:1px solid #ffffff14}.navbar-mobile-indicator{background:#00f0ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #00f0ff}.navbar-mobile-cta{color:#fff;background:#2c67ed;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:13px 16px;font-size:.92rem;font-weight:600;text-decoration:none;display:flex;box-shadow:0 0 25px #2c67ed59}}@keyframes mobile-panel-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.navbar-active-pill{transition:none}.navbar-mobile-panel{animation:none}}.glow-card-x{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;isolation:isolate;border-radius:var(--border-radius);background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.glow-card-x:before,.glow-card-x:after,.glow-card-x>.glow-card-edge{content:"";z-index:-1;border-radius:inherit;transition:opacity .25s ease-out;position:absolute;inset:0}.glow-card-x:not(:hover):before,.glow-card-x:not(:hover):after,.glow-card-x:not(:hover)>.glow-card-edge{opacity:0;transition:opacity .75s ease-in-out}.glow-card-x:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one) border-box, var(--gradient-two) border-box, var(--gradient-three) border-box, var(--gradient-four) border-box, var(--gradient-five) border-box, var(--gradient-six) border-box, var(--gradient-seven) border-box, var(--gradient-base) border-box;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, #000 calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), #000 calc((100 - var(--cone-spread)) * 1%));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, #000 calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), #000 calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, #000 calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), #000 calc((100 - var(--cone-spread)) * 1%));opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));border:1px solid #0000}.glow-card-x:after{background:var(--gradient-one) padding-box, var(--gradient-two) padding-box, var(--gradient-three) padding-box, var(--gradient-four) padding-box, var(--gradient-five) padding-box, var(--gradient-six) padding-box, var(--gradient-seven) padding-box, var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom, #000, #000), radial-gradient(ellipse at 50% 50%, #000 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, #000 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, #000 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, #000 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, #000 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, #000 15%, #000 85%, transparent 95%);mask-image:linear-gradient(to bottom, #000, #000), radial-gradient(ellipse at 50% 50%, #000 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, #000 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, #000 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, #000 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, #000 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, #000 15%, #000 85%, transparent 95%);mix-blend-mode:soft-light;opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.glow-card-x>.glow-card-edge{z-index:1;inset:calc(var(--glow-padding) * -1);pointer-events:none;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, #000 2.5%, transparent 10%, transparent 90%, #000 97.5%);-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, #000 2.5%, transparent 10%, transparent 90%, #000 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, #000 2.5%, transparent 10%, transparent 90%, #000 97.5%);mix-blend-mode:plus-lighter;opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)))}.glow-card-x>.glow-card-edge:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color), inset 0 0 1px var(--glow-color-60), inset 0 0 3px var(--glow-color-50), inset 0 0 6px var(--glow-color-40), inset 0 0 15px var(--glow-color-30), inset 0 0 25px 2px var(--glow-color-20), inset 0 0 50px 2px var(--glow-color-10), 0 0 1px var(--glow-color-60), 0 0 3px var(--glow-color-50), 0 0 6px var(--glow-color-40), 0 0 15px var(--glow-color-30), 0 0 25px 2px var(--glow-color-20), 0 0 50px 2px var(--glow-color-10);position:absolute}.glow-card-inner{z-index:1;border-radius:inherit;flex-direction:column;min-width:0;display:flex;position:relative}@media (hover:none){.glow-card-x:before,.glow-card-x:after,.glow-card-x>.glow-card-edge{display:none}}@media (prefers-reduced-motion:reduce){.glow-card-x:before,.glow-card-x:after,.glow-card-x>.glow-card-edge{transition:none}}.lightbox-backdrop{z-index:11000;-webkit-backdrop-filter:blur(14px);background:#000000e0;justify-content:center;align-items:center;padding:1rem;animation:.22s ease-out lightbox-in;display:flex;position:fixed;inset:0;overflow:hidden}.lightbox-dialog{outline:none;max-width:90vw;max-height:85dvh}.lightbox-close{z-index:1;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:background .2s,transform .2s;display:grid;position:fixed;top:1.25rem;right:1.5rem}.lightbox-close:hover{background:#ffffff1f;transform:rotate(90deg)}.lightbox-close:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.lightbox-figure{flex-direction:column;align-items:center;gap:12px;margin:0;display:flex}.lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:90vw;height:auto;max-height:calc(85dvh - 48px);animation:.28s cubic-bezier(.2,.8,.2,1) lightbox-zoom;display:block}.lightbox-caption{color:#e2e8f0;align-items:baseline;gap:10px;font-size:.95rem;display:flex}.lightbox-caption span{color:#94a3b8;font-size:.85rem}@keyframes lightbox-in{0%{opacity:0}}@keyframes lightbox-zoom{0%{opacity:0;transform:scale(.96)}}@media (width<=600px){.lightbox-backdrop{padding:.5rem}.lightbox-image{max-width:calc(100vw - 1rem);max-height:calc(100dvh - 5rem)}.lightbox-close{top:.75rem;right:.75rem}}@media (prefers-reduced-motion:reduce){.lightbox-backdrop,.lightbox-image{animation:none}.lightbox-close{transition:none}}.portfolio-root-section{padding:100px 24px;position:relative}@media (width>=1024px){.portfolio-root-section{padding:120px 48px}}.portfolio-container-inner{width:min(1200px,100%);margin:0 auto}.portfolio-root-section .section-display-title{margin-bottom:28px}.portfolio-tab-bar{-webkit-backdrop-filter:blur(12px);background:#0a0f2099;border:1px solid #ffffff14;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;width:fit-content;margin:0 auto 3rem;padding:7px;display:flex}.portfolio-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;padding:15px 27px;font-family:Arial,sans-serif;font-size:1.05rem;font-weight:600;transition:all .25s;display:inline-flex}.portfolio-tab-btn:hover{color:#fff}.portfolio-tab-btn.is-active{color:#fff;background:#2c67ed;box-shadow:0 0 20px #2c67ed73}.portfolio-tab-btn:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.portfolio-panel{animation:.45s cubic-bezier(.22,.7,.22,1) panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}}.portfolio-cards-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=640px){.portfolio-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.portfolio-cards-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-project-card{background:radial-gradient(circle at 100% 100%,#2d5ba01f,#0000 55%),linear-gradient(135deg,#121b2ceb,#0c1320e6);border:1px solid #94a3b81f;border-radius:16px;flex-direction:column;width:100%;min-height:500px;padding:16px;transition:box-shadow .2s,transform .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.portfolio-project-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px #ffffff08,0 18px 42px #00000059}.portfolio-project-card .metal-border{opacity:.55}.portfolio-project-card-content{z-index:1;width:100%;min-height:inherit;flex-direction:column;display:flex;position:relative}.portfolio-card-thumbnail{aspect-ratio:16/9;background:#000;border-radius:11px;flex:none;width:100%;position:relative;overflow:hidden}.portfolio-card-thumbnail-image{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block;transform:scale(1.03)}.portfolio-project-card:hover .portfolio-card-thumbnail-image{transform:scale(1.06)}.portfolio-card-body{flex-direction:column;flex:1;padding:24px 8px 8px;display:flex}.portfolio-card-title{color:#f1f0ff;margin:0 0 16px;font-size:clamp(1.3rem,2vw,1.65rem);font-weight:750;line-height:1.25}.portfolio-card-desc{color:#b2b4c7;overflow-wrap:anywhere;margin:0 0 24px;font-size:1rem;line-height:1.6}.portfolio-details-btn{color:#e7e7f1;width:fit-content;min-height:56px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:16px;margin-top:auto;padding:0 22px;font-size:1.1rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.portfolio-details-btn:hover{background:#ffffff1c;border-color:#ffffff2e}.portfolio-details-btn:hover svg{transform:translate(3px)}.portfolio-details-btn svg{transition:transform .2s}.portfolio-details-btn:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.portfolio-certificates-grid{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (width>=640px){.portfolio-certificates-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.portfolio-certificates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.portfolio-cert-card{width:100%;font:inherit;cursor:pointer;background:#f4efe4;border:1px solid #ffffff14;border-radius:14px;padding:0;transition:transform .22s,border-color .22s,box-shadow .22s;display:block;position:relative;overflow:hidden}.portfolio-cert-card:hover{border-color:#60a5fa6b;transform:translateY(-4px);box-shadow:0 18px 42px #00000059}.portfolio-cert-card:focus-visible{outline-offset:4px;outline:2px solid #60a5fa}.portfolio-cert-preview{aspect-ratio:1.414;background:#f4efe4;display:block;position:relative;overflow:hidden}.portfolio-cert-preview-image{object-fit:contain;width:100%;height:100%;display:block}.portfolio-cert-preview-overlay{color:#fff;opacity:0;background:#03071285;justify-content:center;align-items:center;gap:.65rem;font-size:1.1rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.portfolio-cert-card:hover .portfolio-cert-preview-overlay,.portfolio-cert-card:focus-visible .portfolio-cert-preview-overlay{opacity:1}.portfolio-skills-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,2.4vw,28px);display:grid}.portfolio-skill-card{width:100%;min-height:180px;transition:transform .25s}.portfolio-skill-card:hover{transform:translateY(-4px)}.portfolio-skill-card-content{min-height:inherit;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px 12px;display:flex}.portfolio-skill-mark{place-items:center;width:84px;height:84px;display:grid}.portfolio-skill-logo{object-fit:contain;filter:drop-shadow(0 0 12px #60a5fa2e);width:60px;height:60px;display:block}.portfolio-skill-name{color:#d8deeb;text-align:center;max-width:100%;margin:0;font-size:clamp(1rem,1.25vw,1.2rem);font-weight:700;line-height:1.35}@media (width<=1050px){.portfolio-skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.portfolio-skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-skill-card{min-height:165px}.portfolio-skill-mark{width:76px;height:76px}.portfolio-skill-logo{width:52px;height:52px}}@media (width<=639px){.portfolio-project-card,.portfolio-project-card-content{min-height:0}.portfolio-card-thumbnail{aspect-ratio:1.9}.portfolio-card-body{padding:20px 4px 4px}.portfolio-details-btn{min-height:48px;font-size:1rem}}@media (width<=620px){.portfolio-tab-bar{grid-template-columns:repeat(var(--tab-count,4), minmax(0, 1fr));border-radius:14px;gap:3px;width:100%;max-width:100%;margin-bottom:2rem;padding:4px;display:grid}.portfolio-tab-btn{text-align:center;white-space:normal;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:58px;padding:7px 2px;font-size:clamp(.58rem,2.4vw,.76rem);line-height:1.15}.portfolio-tab-btn svg{flex:none;width:16px;height:16px}}@media (width<=480px){.portfolio-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-skill-card{min-height:155px}.portfolio-skill-card-content{padding:16px 8px}}@media (prefers-reduced-motion:reduce){.portfolio-panel{animation:none}.portfolio-project-card,.portfolio-card-thumbnail-image,.portfolio-cert-card,.portfolio-skill-card{transition:none}}.portfolio-cards-grid.is-single{grid-template-columns:minmax(0,1fr)}.portfolio-project-card.is-featured{min-height:0;padding:18px}.portfolio-project-card.is-featured .portfolio-project-card-content{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,44px);display:grid}.portfolio-project-card.is-featured .portfolio-card-thumbnail{aspect-ratio:16/9;border:1px solid #ffffff14}.portfolio-project-card.is-featured .portfolio-card-body{padding:12px 18px 12px 0}.portfolio-project-card.is-featured .portfolio-card-title{letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(1.8rem,3vw,2.6rem)}.portfolio-card-kicker{color:#60a5fa;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.8rem;font-weight:700}.portfolio-card-chips{flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none;display:flex}.portfolio-card-chips li{color:#d4dbe8;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.portfolio-card-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;display:flex}.portfolio-project-card.is-featured .portfolio-card-actions,.portfolio-card-actions .portfolio-details-btn{margin-top:0}.portfolio-visit-link{color:#fff;background:#2c67ed;border-radius:12px;align-items:center;gap:10px;min-height:56px;padding:0 20px;font-size:1.02rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 0 20px #2c67ed59}.portfolio-visit-link:hover{background:#1d4ed8;transform:translateY(-2px)}.portfolio-visit-link:focus-visible{outline-offset:3px;outline:2px solid #93c5fd}@media (width<=860px){.portfolio-project-card.is-featured .portfolio-project-card-content{grid-template-columns:minmax(0,1fr)}.portfolio-project-card.is-featured .portfolio-card-body{padding:8px 6px 6px}}@media (width<=639px){.portfolio-card-actions .portfolio-details-btn,.portfolio-visit-link{min-height:48px;font-size:1rem}}.portfolio-tech-caption{color:#94a3b8;text-align:center;margin:-1.5rem 0 1.75rem;font-size:.95rem}.portfolio-skills-grid.is-few{grid-template-columns:repeat(auto-fit,minmax(150px,176px));justify-content:center}.pf-kicker{color:#60a5fa;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:700;display:inline-block}.pf-ai{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:24px;display:grid}.pf-ai-lead{background:radial-gradient(circle at 0 0,#38bdf824,#0000 50%),radial-gradient(circle at 100% 100%,#818cf81f,#0000 55%),linear-gradient(145deg,#121b2ceb,#090d17e6);border:1px solid #94a3b81f;border-radius:20px;padding:34px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.pf-ai-lead h3{color:#f8fafc;letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800;line-height:1.12}.pf-ai-lead p{color:#aeb8cc;margin:0;font-size:1rem;line-height:1.7}.pf-ai-prompt{color:#cbd5e1;background:#03060c99;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;margin-top:30px;padding:14px 16px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.92rem;display:flex}.pf-ai-prompt-caret{color:#38bdf8;font-weight:700}.pf-ai-prompt-cursor{background:#38bdf8;width:8px;height:1.1em;animation:1.1s step-end infinite pf-blink}@keyframes pf-blink{50%{opacity:0}}.pf-ai-areas{gap:14px;margin:0;padding:0;list-style:none;display:grid}.pf-ai-area{background:linear-gradient(135deg,#121b2cd9,#0c1320cc);border:1px solid #94a3b81a;border-radius:16px;grid-template-columns:auto auto 1fr;align-items:center;gap:18px;padding:20px 22px;transition:border-color .25s,transform .25s;display:grid}.pf-ai-area:hover{border-color:#60a5fa52;transform:translate(4px)}.pf-ai-index{color:#3b4a63;font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:1.6rem;font-weight:800}.pf-ai-icon{color:#9ec5ff;background:#25457b38;border:1px solid #3b82f633;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.pf-ai-area h4{color:#f1f5f9;margin:0 0 4px;font-size:1.08rem;font-weight:750}.pf-ai-area p{color:#a4aec1;margin:0;font-size:.93rem;line-height:1.55}.pf-ai-note{color:#8792a6;text-align:center;border:1px dashed #94a3b838;border-radius:14px;grid-column:1/-1;margin:0;padding:14px 18px;font-size:.9rem}.pf-ai-experiments{grid-column:1/-1;gap:10px;margin:0;padding:0;list-style:none;display:grid}.pf-ai-experiments a,.pf-ai-experiments .pf-ai-experiment{color:#e2e8f0;border:1px solid #ffffff17;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;display:grid}.pf-ai-experiments span{color:#94a3b8;font-size:.9rem}.pf-live-head{text-align:center;margin-bottom:26px}.pf-live-head h3{color:#f8fafc;letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800}.pf-live-head p{color:#94a3b8;margin:0}.pf-live-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 230px;gap:20px;display:grid}.pf-channel{isolation:isolate;min-height:300px;color:inherit;background:linear-gradient(150deg,#141b2aeb,#080b13eb);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;padding:26px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.pf-channel-glow{z-index:-1;opacity:.55;transition:opacity .3s;position:absolute;inset:0}.pf-channel--tiktok .pf-channel-glow{background:radial-gradient(circle at 0 0,#f1f5f912,#0000 52%),radial-gradient(circle at 100% 100%,#fe2c551a,#0000 55%)}.pf-channel--discord .pf-channel-glow{background:radial-gradient(circle at 0 0,#5865f23d,#0000 55%),radial-gradient(circle at 100% 100%,#5865f21a,#0000 55%)}.pf-channel:hover{transform:translateY(-4px)}.pf-channel:hover .pf-channel-glow{opacity:1}.pf-channel--tiktok:hover{border-color:#f1f5f94d;box-shadow:inset 0 1px #ffffff1a,0 18px 44px #00000052,0 10px 36px #fe2c5512}.pf-channel--discord:hover{border-color:#5865f280;box-shadow:0 18px 44px #5865f224}.pf-channel:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.pf-channel-top{justify-content:space-between;align-items:flex-start;margin-bottom:auto;display:flex}.pf-channel-logo{background:#03060c8c;border:1px solid #ffffff1a;border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.pf-channel-arrow{color:#64748b;transition:transform .2s,color .2s}.pf-channel:hover .pf-channel-arrow{color:#f1f5f9;transform:translate(2px,-2px)}.pf-channel-title{color:#f8fafc;letter-spacing:-.02em;margin-top:30px;font-size:1.5rem;font-weight:800}.pf-channel-handle{color:#93c5fd;margin-top:2px;font-size:.95rem;font-weight:600}.pf-channel-text{color:#a4aec1;min-height:3.1em;margin-top:12px;font-size:.95rem;line-height:1.55}.pf-channel-cta{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;align-self:flex-start;margin-top:20px;padding:10px 16px;font-size:.9rem;font-weight:650;display:inline-flex}.pf-qr{color:inherit;font:inherit;cursor:zoom-in;background:linear-gradient(#0b0f17,#0b0f17) padding-box padding-box,linear-gradient(150deg,#f973168c,#ffffff14 40%,#f9731659) border-box;border:1px solid #0000;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px 18px;transition:transform .25s;display:flex;position:relative}.pf-qr:hover{transform:translateY(-4px)}.pf-qr:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.pf-qr img{width:160px;height:160px;image-rendering:pixelated;border-radius:8px;display:block}.pf-qr-label{color:#f1f5f9;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;font-weight:800}.pf-qr-caption{color:#94a3b8;font-size:.82rem}.pf-qr-zoom{color:#64748b;position:absolute;top:12px;right:12px}.pf-live-extra{color:inherit;background:linear-gradient(135deg,#ffffff0d,#ffffff04);border:1px solid #ffffff17;border-radius:16px;align-items:center;gap:16px;margin-top:20px;padding:16px 20px;text-decoration:none;transition:all .25s;display:flex}.pf-live-extra--instagram:hover{background:linear-gradient(110deg,#833ab43d,#fd1d1d24,#fcb04533);border-color:#e1306c73;transform:translateY(-2px)}.pf-live-extra:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.pf-live-extra-text{flex-direction:column;flex:1;min-width:0;display:flex}.pf-live-extra-text strong{color:#fff;font-size:.98rem}.pf-live-extra-text span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.pf-live-extra-cta{color:#cbd5e1;flex:none;align-items:center;gap:6px;font-size:.88rem;font-weight:650;display:inline-flex}.pf-tech-group+.pf-tech-group{margin-top:40px}.pf-tech-group-title{color:#cbd5e1;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:14px;margin:0 0 18px;font-size:.82rem;font-weight:800;display:flex}.pf-tech-group-title:after{content:"";background:linear-gradient(90deg,#ffffff1f,#0000);flex:1;height:1px}@media (width<=1000px){.pf-live-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pf-qr{flex-direction:row;grid-column:1/-1;justify-content:flex-start;gap:20px}.pf-qr img{width:120px;height:120px}}@media (width<=820px){.pf-ai{grid-template-columns:minmax(0,1fr)}}@media (width<=620px){.pf-live-grid{grid-template-columns:minmax(0,1fr)}.pf-channel{min-height:0;padding:22px}.pf-ai-lead{padding:24px}.pf-ai-area{grid-template-columns:auto 1fr;padding:16px}.pf-ai-index{display:none}.pf-qr{flex-direction:column}.pf-live-extra-cta{display:none}}@media (prefers-reduced-motion:reduce){.pf-ai-prompt-cursor{animation:none}.pf-ai-area,.pf-channel,.pf-qr,.pf-live-extra{transition:none}}.portfolio-skills-grid.is-centered{--cols:6;--gap:clamp(14px, 2.4vw, 28px);justify-content:center;gap:var(--gap);flex-wrap:wrap;display:flex}.portfolio-skills-grid.is-centered>*{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols))}@media (width<=1050px){.portfolio-skills-grid.is-centered{--cols:4}}@media (width<=760px){.portfolio-skills-grid.is-centered{--cols:3}}@media (width<=480px){.portfolio-skills-grid.is-centered{--cols:2;--gap:12px}}.pf-ai-experiments .pf-ai-experiment{grid-template-columns:auto 1fr}.pf-ai-experiments a:hover{border-color:#60a5fa59}.profile-section{padding:8px 24px 0;position:relative}.profile-card{background:radial-gradient(circle at 0 0,#3478ff1a,#0000 45%),radial-gradient(circle at 100% 100%,#2d5ba01a,#0000 55%),linear-gradient(135deg,#121b2ceb,#0a101ceb);border-radius:24px;width:min(100%,1200px);margin:0 auto;padding:clamp(20px,3vw,32px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.profile-card>:not(.liquid-metal-border){z-index:1;position:relative}.profile-main{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(20px,3vw,40px);display:grid}.profile-identity{align-items:center;gap:clamp(16px,2.2vw,26px);min-width:0;display:flex}.profile-avatar{aspect-ratio:1;background:#000;border-radius:50%;flex:none;width:clamp(112px,12vw,148px);display:block;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 14px 40px #143c8c59}.profile-avatar img{object-fit:cover;object-position:var(--avatar-position,50% 50%);width:100%;height:100%;transform:scale(var(--avatar-zoom,1));display:block}.profile-text{min-width:0}.profile-name{letter-spacing:-.03em;align-items:center;gap:10px;margin:0 0 6px;font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:800;line-height:1.05;display:flex}.profile-name>span{background:linear-gradient(105deg,#fff 8%,#b9c3d6 60%,#6b7487 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.profile-subtitle{color:#64a5ff;letter-spacing:.04em;margin:0 0 10px;font-size:.86rem;font-weight:700}.profile-line{color:#aeb8cc;max-width:44ch;margin:0;font-size:.96rem;line-height:1.55}.profile-metrics{min-width:0}.profile-metric-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.profile-metric{min-width:0;display:flex}.profile-metric-body{width:100%;color:inherit;background:#03081273;border:1px solid #94a3b81f;border-radius:16px;flex-direction:column;gap:10px;padding:14px 14px 13px;text-decoration:none;display:flex;position:relative}.profile-metric-body.is-link{transition:border-color .25s,transform .25s,background .25s}.profile-metric-body.is-link:hover{background:#0c182e8c;border-color:#60a5fa52;transform:translateY(-2px)}.profile-metric-body.is-link:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.profile-metric-icon{background:#03060c99;border:1px solid #ffffff14;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.profile-metric-copy{flex-direction:column;min-width:0;display:flex}.profile-metric-value{color:#f5f7ff;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:800;line-height:1.1}.profile-metric-label{color:#93a0b8;margin-top:3px;font-size:.8rem;line-height:1.3}.profile-metric-arrow{color:#64748b;transition:transform .2s,color .2s;position:absolute;top:14px;right:12px}.profile-metric-body.is-link:hover .profile-metric-arrow{color:#38bdf8;transform:translate(2px,-2px)}.profile-updated{color:#6b778c;text-align:right;margin:9px 2px 0;font-size:.74rem}.profile-extras{border-top:1px solid #94a3b81a;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-top:clamp(18px,2.4vw,26px);padding-top:clamp(16px,2vw,20px);display:flex}.profile-chip-groups{flex-direction:column;gap:10px;min-width:0;display:flex}.profile-chip-row{flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;display:flex}.profile-chip-title{color:#7f8ba1;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:inline-flex}.profile-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.profile-chip{color:#c4ccdb;background:#03081266;border:1px solid #94a3b824;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;line-height:1.35;display:inline-flex}.profile-chip img{object-fit:contain;flex:none;display:block}.profile-more{color:#8fbcff;min-height:28px;font:inherit;cursor:pointer;background:0 0;border:1px dashed #94a3b847;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.profile-more:hover{color:#b9d5ff;border-color:#60a5fa99}.profile-more:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.profile-games-row{grid-template-columns:minmax(0,max-content) auto;justify-content:start;align-items:start;column-gap:14px;display:grid}.profile-games-row.is-steam-only{grid-template-columns:auto}.profile-games-row.is-steam-only .profile-steam{border-left:0;padding-left:0}.profile-steam{white-space:nowrap;color:#93a0b8;border-left:1px solid #94a3b824;align-items:center;min-height:26px;margin:0;padding-left:14px;font-size:.8rem;line-height:1.35;display:inline-flex}.profile-steam-link{color:#c4ccdb;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.profile-steam-link strong{color:#f1f5f9;font-variant-numeric:tabular-nums;font-weight:700}a.profile-steam-link:hover{color:#f1f5f9}a.profile-steam-link:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #60a5fa}.profile-steam-arrow{color:#64748b}a.profile-steam-link:hover .profile-steam-arrow{color:#38bdf8}.profile-setup-toggle{color:#8fbcff;min-height:40px;font:inherit;cursor:pointer;background:#030c1d7a;border:1px solid #3077ff57;border-radius:12px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:.86rem;font-weight:700;transition:border-color .2s,background .2s;display:inline-flex}.profile-setup-toggle:hover{background:#1b4d9d29;border-color:#3077ffb3}.profile-setup-toggle:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.profile-setup-chevron{transition:transform .3s cubic-bezier(.2,0,0,1)}.profile-setup-toggle[aria-expanded=true] .profile-setup-chevron{transform:rotate(180deg)}.profile-setup{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,0,0,1);display:grid}.profile-setup.is-open{grid-template-rows:1fr}.profile-setup-clip{min-height:0;overflow:hidden}.profile-setup-content{opacity:0;border-top:1px solid #94a3b81a;grid-template-columns:1.35fr 1fr 1fr;gap:14px 28px;margin-top:18px;padding-top:18px;transition:opacity .25s,transform .3s cubic-bezier(.2,0,0,1);display:grid;transform:translateY(-8px)}.profile-setup.is-open .profile-setup-content{opacity:1;transform:none}.profile-setup-group{min-width:0}.profile-setup-title{color:#e7ecfa;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 6px;font-size:.78rem;font-weight:800;display:flex}.profile-setup-title svg{color:#64a5ff}.profile-setup-rows{margin:0}.profile-setup-row{grid-template-columns:minmax(84px,auto) minmax(0,1fr);gap:12px;padding:7px 0;font-size:.86rem;line-height:1.4;display:grid}.profile-setup-row+.profile-setup-row{border-top:1px solid #94a3b814}.profile-setup-row dt{color:#7f8ba1}.profile-setup-row dd{color:#d6dcea;overflow-wrap:anywhere;margin:0}@media (width<=980px){.profile-main{grid-template-columns:minmax(0,1fr)}.profile-setup-content{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-setup-group:first-child{grid-column:1/-1}}@media (width<=760px){.profile-section{padding:4px 20px 0}.profile-extras{flex-direction:column;align-items:stretch}.profile-setup-toggle{justify-content:center;min-height:44px}.profile-setup-content{grid-template-columns:minmax(0,1fr)}.profile-games-row{grid-template-columns:minmax(0,1fr);row-gap:8px}.profile-steam{white-space:normal;border-left:0;padding-left:0}}@media (width<=520px){.profile-identity{text-align:center;flex-direction:column;align-items:center}.profile-name{justify-content:center}.profile-line{margin:0 auto}.profile-metric-list{gap:8px}.profile-metric-body{text-align:center;align-items:center;gap:8px;padding:12px 6px}.profile-metric-arrow{display:none}.profile-metric-label{font-size:.72rem}.profile-updated{text-align:center}.profile-setup-row{grid-template-columns:minmax(76px,auto) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.profile-metric-body.is-link,.profile-metric-arrow,.profile-setup-toggle,.profile-setup-chevron,.profile-more{transition:none}.profile-metric-body.is-link:hover{transform:none}.profile-setup,.profile-setup-content{transition:none}.profile-setup-content{transform:none}}.profile-avatar.is-missing{background:radial-gradient(circle,#25457b66,#03060c 70%);place-items:center;display:grid}.project-detail-page{z-index:3;color:#f8fafc;background:radial-gradient(circle at 12% 44%, #0369a124, transparent 46%), radial-gradient(circle at 92% 8%, #25378b24, transparent 40%), var(--col-bg);width:100%;min-height:100dvh;animation:.45s ease-out page-in;position:relative}@keyframes page-in{0%{opacity:0}}.project-detail-inner{zoom:.85;width:min(1664px,100%);margin:0 auto;padding:clamp(32px,5vw,88px) clamp(24px,6.7vw,128px) 72px}.project-detail-breadcrumbs{color:#cbd5e1;align-items:center;gap:20px;min-width:0;margin-bottom:clamp(48px,6.5vw,100px);font-size:1.05rem;display:flex}.project-detail-back{color:#e2e8f0;min-height:58px;font:inherit;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:16px;flex:none;align-items:center;gap:12px;padding:0 22px;transition:background .2s,border-color .2s;display:inline-flex}.project-detail-back:hover{background:#ffffff1f;border-color:#ffffff38}.project-detail-back:hover svg{transform:translate(-3px)}.project-detail-back svg{transition:transform .2s}.project-detail-back:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.project-detail-crumb-muted,.project-detail-crumb-chevron{color:#8490a3}.project-detail-crumb-current{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-detail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:start;gap:clamp(48px,6vw,110px);display:grid}.project-detail-copy{min-width:0}.project-detail-title{color:#f8fafc;letter-spacing:-.045em;overflow-wrap:anywhere;outline:none;margin:0 0 48px;font-size:clamp(3rem,5vw,5.3rem);font-weight:800;line-height:.99}.project-detail-description{color:#b8bdca;margin:0 0 52px;font-size:clamp(1.1rem,1.5vw,1.55rem);line-height:1.65}.project-detail-kicker{color:#60a5fa;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.95rem;font-weight:700}.project-detail-section+.project-detail-section{margin-top:40px}.project-detail-section h2{color:#e2e8f0;align-items:center;gap:14px;margin:0 0 22px;font-size:clamp(1.2rem,1.8vw,1.65rem);font-weight:750;display:flex}.project-detail-section h2 svg{color:#9aa8ba}.project-detail-features{gap:12px;margin:0;padding:0;list-style:none;display:grid}.project-detail-features li{color:#cbd5e1;padding-left:26px;font-size:1.05rem;line-height:1.55;position:relative}.project-detail-features li:before{content:"";background:#3c83ff;border-radius:50%;width:8px;height:8px;position:absolute;top:.62em;left:4px;box-shadow:0 0 10px #3c83ff99}.project-detail-tech-list{--tech-glow-x:-1000px;--tech-glow-y:-1000px;flex-wrap:wrap;gap:12px;display:flex}.project-detail-tech-chip{isolation:isolate;border:1px solid var(--tech-chip-border,#ffffff1c);background-color:#ffffff0e;background-image:radial-gradient(200px 200px at var(--tech-glow-x) var(--tech-glow-y), #66b3ff24, transparent 100%);color:#cbd5e1;background-attachment:fixed;border-radius:15px;align-items:center;gap:10px;min-height:54px;padding:0 18px;font-size:1rem;font-weight:600;transition:border-color .18s;display:inline-flex;position:relative}.project-detail-tech-chip:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(200px 200px at var(--tech-glow-x) var(--tech-glow-y), #70b8fff2, transparent 100%) fixed;-webkit-mask-composite:xor;opacity:0;pointer-events:none;border:1px solid #0000;transition:opacity .18s;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}.project-detail-tech-list:hover .project-detail-tech-chip:before{opacity:1}.project-detail-tech-chip:hover{--tech-chip-border:#ffffff47}.project-detail-links{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.project-detail-link{color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.project-detail-link:hover{color:#fff;background:#2c67ed26;border-color:#2c67ed66}.project-detail-link.solid{color:#fff;background:#2c67ed;border-color:#0000;box-shadow:0 0 15px #2c67ed66}.project-detail-link.solid:hover{background:#1d4ed8}.project-detail-preview-glow{min-width:0;position:sticky;top:48px}.project-detail-preview{border-radius:inherit;overflow:hidden}.project-detail-preview img{object-fit:contain;width:100%;height:auto;max-height:min(70vh,720px);display:block}@media (width<=900px){.project-detail-layout{grid-template-columns:1fr}.project-detail-preview-glow{grid-row:1;position:relative;top:auto}.project-detail-breadcrumbs{margin-bottom:34px}.project-detail-title{margin-bottom:24px}.project-detail-description{margin-bottom:32px}}@media (width<=560px){.project-detail-inner{padding:20px 18px 48px}.project-detail-breadcrumbs{gap:10px;font-size:.88rem}.project-detail-back{border-radius:12px;gap:7px;min-height:46px;padding:0 12px}.project-detail-preview img{max-height:none}.project-detail-tech-chip{min-height:46px;padding:0 13px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.project-detail-page{animation:none}}