:root{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--text:#f5f7fb;--muted:#a7b0bf;--soft:#ffffff0e;--line:#ffffff1f;background:#05070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#05070b;min-height:100vh;overflow-x:hidden}.page-shell{isolation:isolate;background:linear-gradient(125deg,#ffffff09,#0000 28%),radial-gradient(circle at 70% 26%,#5f93ff29,#0000 30rem),radial-gradient(circle at 25% 78%,#ffffff12,#0000 28rem),linear-gradient(150deg,#0d121c 0%,#060811 52%,#020308 100%);place-items:center;min-height:100vh;padding:40px;display:grid;position:relative;overflow:hidden}.page-shell:before{content:"";z-index:-4;background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:68px 68px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 74%);mask-image:radial-gradient(circle,#000 0%,#0000 74%)}.page-shell:after{content:"";z-index:-2;filter:blur(48px);opacity:.85;background:linear-gradient(90deg,#0000,#5f93ff2e,#ffffff21,#0000);height:42vh;animation:12s ease-in-out infinite alternate low-glow;position:absolute;inset:auto -12% -18%}.mesh,.scanline{pointer-events:none;position:absolute;inset:0}.mesh{z-index:-3;opacity:.55}.mesh-a{background:conic-gradient(from 210deg at 50% 46%,#0000,#76a9ff1c,#0000 24%),radial-gradient(circle,#ffffff0e,#0000 30rem);animation:11s ease-in-out infinite alternate mesh-shift-a}.mesh-b{opacity:.34;background:linear-gradient(115deg,#0000 18%,#ffffff0d 48%,#0000 70%),linear-gradient(18deg,#0000 32%,#76a9ff14 52%,#0000 74%);animation:16s ease-in-out infinite alternate mesh-shift-b}.scanline{z-index:-1;opacity:.22;background:linear-gradient(#0000,#ffffff0d,#0000);height:38%;animation:9s ease-in-out infinite scan}.hero{text-align:center;width:min(760px,100%)}h1{color:var(--text);letter-spacing:0;margin:0;font-size:6.6rem;line-height:.92}.intro{width:min(460px,100%);color:var(--muted);margin:20px auto 0;font-size:1.05rem;line-height:1.55}.tech-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(520px,100%);margin:30px auto 0;display:grid}.tech-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff12,#ffffff06),#080c149e;border:1px solid #ffffff1b;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:66px;padding:12px 14px;display:flex;box-shadow:0 14px 34px #00000038}.tech-card img{object-fit:contain;opacity:.94;width:30px;height:30px}.tech-card div{text-align:left;gap:3px;display:grid}.tech-card strong{color:var(--text);font-size:.94rem;line-height:1}.tech-card span{color:var(--muted);font-size:.78rem}@keyframes low-glow{0%{opacity:.62;transform:translate(-3%)}to{opacity:.92;transform:translate(3%)}}@keyframes mesh-shift-a{0%{opacity:.42;transform:scale(1)rotate(0)}to{opacity:.68;transform:scale(1.08)rotate(4deg)}}@keyframes mesh-shift-b{0%{transform:translate(-18px)}to{transform:translate(18px,-14px)}}@keyframes scan{0%{transform:translateY(-45vh)}50%{transform:translateY(70vh)}to{transform:translateY(70vh)}}@media (width<=900px){.page-shell{padding:36px}h1{font-size:5.2rem}}@media (width<=640px){.page-shell{padding:22px}h1{font-size:3.8rem}.intro{width:min(330px,100%);margin-top:16px;font-size:.98rem}.tech-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}.tech-card{flex-direction:column;gap:7px;min-height:74px;padding:10px 6px}.tech-card div{text-align:center}.tech-card img{width:28px;height:28px}.tech-card strong{font-size:.82rem}.tech-card span{font-size:.7rem}}@media (width<=380px){h1{font-size:3.25rem}.tech-list{grid-template-columns:1fr;width:min(230px,100%)}.tech-card{flex-direction:row;justify-content:flex-start;min-height:56px;padding:10px 12px}.tech-card div{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}