:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}main{min-height:100vh}.main-page{-webkit-user-select:none;user-select:none;color:#e6edf3;background:radial-gradient(circle at 18% 18%,#7594a024,#0000 26%),radial-gradient(circle at 82% 78%,#4f5e702e,#0000 24%),linear-gradient(#0c1117 0%,#090d12 100%);place-items:center;min-height:100vh;padding:clamp(24px,5vw,40px);display:grid;position:relative;overflow:hidden}.main-page:before{content:"";opacity:.42;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000000f2,#0000 88%);mask-image:radial-gradient(circle,#000000f2,#0000 88%)}.main-page__backdrop,.main-page__backdrop:before,.main-page__backdrop:after{content:"";filter:blur(18px);pointer-events:none;border-radius:999px;position:absolute}.main-page__backdrop{background:#637e8c24;width:220px;height:220px;animation:18s ease-in-out infinite floatOne;inset:auto auto 12% 8%}.main-page__backdrop:before{background:#4d5e702e;width:210px;height:210px;animation:20s ease-in-out infinite floatTwo;inset:-110px auto auto 70vw}.main-page__backdrop:after{background:#84979f1a;width:150px;height:150px;animation:16s ease-in-out infinite floatThree;inset:64vh auto auto 52vw}.main-page__card-shell{width:min(920px,100%);animation:.72s cubic-bezier(.2,.8,.2,1) both cardEnter}.main-page__card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);isolation:isolate;width:100%;transform:perspective(1200px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));will-change:transform;background:linear-gradient(160deg,#0f141be0,#0a0e14bd);border:1px solid #9aa9b72e;border-radius:30px;padding:clamp(28px,5vw,42px);transition:transform .12s linear,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000057}.main-page__card[data-pointer-active=false]{transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s}.main-page__card>*{z-index:1;position:relative}.main-page__card:before{content:"";left:var(--pointer-x,50%);top:var(--pointer-y,50%);aspect-ratio:1;width:clamp(240px,38vw,420px);opacity:var(--pointer-opacity,0);filter:blur(16px);z-index:0;pointer-events:none;background:radial-gradient(circle,#9abecd42 0%,#9abecd29 30%,#9abecd14 52%,#0000 74%);border-radius:50%;transition:opacity .18s;position:absolute;transform:translate(-50%,-50%)}.main-page__card[data-pointer-active=false]:before{transition:left .24s cubic-bezier(.22,1,.36,1),top .24s cubic-bezier(.22,1,.36,1),opacity .26s 70ms}.main-page__card:after{content:"";pointer-events:none;z-index:2;border:1px solid #ffffff08;border-radius:29px;position:absolute;inset:1px}.main-page__card:hover{border-color:#aebfcc47;box-shadow:0 28px 90px #0006}.main-page__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.main-page__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#c4d4df;margin:0;font-size:.78rem;font-weight:700}.main-page__status{letter-spacing:.04em;color:#d6e0e8c7;background:#ffffff08;border:1px solid #9aa9b72e;border-radius:999px;padding:8px 12px;font-size:.82rem}.main-page__title{letter-spacing:-.08em;color:#f8fbfd;min-height:1.1em;margin:22px 0 0;font-size:clamp(3rem,9vw,5.6rem);line-height:.95}.main-page__title-text{white-space:normal;text-wrap:balance;will-change:text-shadow, opacity;font-family:SFMono-Regular,Cascadia Code,Fira Code,ui-monospace,monospace;font-weight:700;animation:4.6s ease-in-out infinite titleGlow;display:inline-block}.main-page__lead{color:#dce5ebcc;max-width:56ch;margin:20px 0 0;font-size:1.04rem;line-height:1.78}.main-page__actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.main-page__button{font:inherit;color:#eef4f7;cursor:pointer;background:#d6e1e814;border:1px solid #abbcc73d;border-radius:999px;padding:14px 22px;font-weight:600;transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s}.main-page__button:hover{background:#d6e1e81f;border-color:#bfced757;transform:translateY(-2px);box-shadow:0 12px 32px #00000029}.main-page__button:active{transform:translateY(1px)}.main-page__hint{letter-spacing:.02em;color:#c2cfd8b8;font-size:.92rem}.main-page__details{opacity:0;max-height:0;transition:max-height .32s,opacity .22s,transform .22s,margin-top .22s;overflow:hidden;transform:translateY(10px)}.main-page__details--visible{opacity:1;max-height:240px;margin-top:28px;transform:translateY(0)}.main-page__details-text{color:#e4ebf0d6;max-width:56ch;margin:0;line-height:1.7}.main-page__skills{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.main-page__skill{color:#dde7ee;background:#ffffff09;border:1px solid #abbcc729;border-radius:999px;padding:10px 14px;font-size:.94rem;transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s;animation:.32s both skillFade}.main-page__skill:hover{background:#d6e1e81f;border-color:#bfced757;transform:translateY(-2px);box-shadow:0 12px 32px #00000029}@keyframes cardEnter{0%{opacity:0;transform:translateY(26px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes titleGlow{0%,to{opacity:.97;text-shadow:0 0 #f8fbfd00,0 0 #9abecd00,0 0 #c4dce800}50%{opacity:1;text-shadow:0 0 22px #f8fbfd38,0 0 48px #9abecd33,0 0 78px #c4dce824}}@keyframes floatOne{0%,to{transform:translate(0,0)}50%{transform:translate(18px,-20px)}}@keyframes floatTwo{0%,to{transform:translate(0,0)}50%{transform:translate(-24px,18px)}}@keyframes floatThree{0%,to{transform:translate(0,0)}50%{transform:translate(12px,-14px)}}@keyframes skillFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.main-page__title{font-size:clamp(2.7rem,16vw,4.4rem)}.main-page__lead,.main-page__details-text{font-size:.98rem}.main-page__details--visible{max-height:320px}}@media (prefers-reduced-motion:reduce){.main-page__backdrop,.main-page__backdrop:before,.main-page__backdrop:after,.main-page__card,.main-page__skill,.main-page__title-text{animation:none}.main-page__card,.main-page__button,.main-page__details,.main-page__card:before{transition:none}.main-page__title-text{opacity:1;text-shadow:none}}