:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Ancient Medium", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Ancient Medium", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:19px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:17px}}@font-face{font-family:Ancient Medium;src:url(/assets/Ancient%20Medium-DmACcmmP.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html{min-height:100%}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;filter:blur(10px)brightness(1.08);opacity:.88;background:linear-gradient(#1a1a22a3,#1a1a22a3),url(/assets/background-8qP8or0C.jpg) 50%/cover no-repeat;position:fixed;inset:0;transform:scale(1.03)}#root{text-align:center;border-inline:1px solid var(--border);flex-direction:column;justify-content:space-between;width:100%;max-width:none;min-height:100vh;margin:0 auto;padding:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;text-shadow:0 2px 10px #43155759;color:var(--text);-webkit-text-stroke:.5px #3d0e4cf2;margin:32px 0;font-size:80px;line-height:1.2}@media (width<=1024px){h1{margin:20px 0;font-size:38px}}h2{letter-spacing:-.24px;text-shadow:0 2px 10px #43155759;color:#f8f4ff;-webkit-text-stroke:.5px #3d0e4cf2;margin:0 0 8px;font-size:22px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:16px;line-height:135%}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:20px;padding:32px 20px 24px}}#home-hero{grid-template-columns:minmax(280px,420px) 1fr;place-items:center;gap:48px;width:min(1126px,100%);margin:0 auto;padding:48px clamp(20px,4vw,32px) 32px;display:grid}.MainLogo{justify-content:center;width:100%;display:flex}.image-link{cursor:pointer;background:0 0;border:0;border-radius:28px;padding:0;transition:transform .35s,box-shadow .35s,border-color .35s;display:inline-flex;position:relative;overflow:hidden}.image-link:hover{transform:rotate(4deg)translateY(-3px)scale(1.02)}.image-link:after{content:"Go to About Me";color:#f0e8ff;letter-spacing:.12em;text-transform:uppercase;opacity:0;pointer-events:none;background:#0a061273;border-radius:28px;justify-content:center;align-items:flex-end;padding-bottom:16px;font-size:.95rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.image-link:hover:after,.image-link:focus-visible:after{opacity:1}.home-image{border:4px solid #4f0667a6;border-radius:28px;width:100%;max-width:440px;transition:box-shadow .35s,border-color .35s;box-shadow:0 0 120px #8f3fd52e,0 36px 90px #0000002e}.image-link:hover .home-image{border-color:#8f3fd594;box-shadow:0 0 120px #8f3fd538,0 40px 100px #0000002e}.about-panel,#social{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12081cc7;border:1px solid #8f3fd559;border-radius:28px;transition:border-color .35s,box-shadow .35s,background .35s;box-shadow:0 0 120px #8f3fd524,0 24px 80px #0000002e}.about-panel:hover,#social:hover{border-color:#8f3fd599;box-shadow:0 0 140px #8f3fd547,0 26px 90px #0003}#social h2{text-shadow:0 2px 10px #43155759;-webkit-text-stroke:.4px #3d0e4cf2}.home-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:640px;display:flex}.topnav{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:50px 32px 64px;display:flex;position:relative}.brand{letter-spacing:.08em;text-shadow:0 1px 4px #4315573d;-webkit-text-stroke:.35px #3d0e4cd9;z-index:5;font-size:4rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.brand-button{all:unset;cursor:pointer;font:inherit;color:inherit;width:100%;display:inline-block}.menu-toggle{color:#e7d8ff;cursor:pointer;background:#12081ce0;border:1px solid #8f3fd580;border-radius:14px;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:1px;display:none}.menu-toggle span{background:#e7d8ff;border-radius:999px;width:18px;height:2px;display:block}.topnav nav{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=640px){.menu-toggle{display:flex}.topnav nav{z-index:20;background:#12081cfa;border:1px solid #8f3fd580;border-radius:18px;flex-direction:column;gap:12px;margin-top:10px;padding:16px;display:none;position:absolute;top:100%;left:18px;right:18px;box-shadow:0 20px 45px #00000054}.topnav nav.open{display:flex}.topnav .nav-link{text-align:center;width:100%}}.nav-link{color:#e7d8ff;cursor:pointer;background:#5f307024;border:1px solid #5f3070cc;border-radius:999px;padding:10px 18px;transition:transform .25s,background .25s,border-color .25s}.nav-link:hover,.nav-link.active{background:#5f307042;border-color:#8f3fd5b3;transform:translateY(-1px)}.hero-tagline{text-shadow:0 2px 10px #43155759;-webkit-text-stroke:.4px #3d0e4cf2;margin:18px 0 12px;font-size:2.4rem;line-height:1.28}.home-note{color:#caafdd;text-shadow:0 1px 4px #4315573d;-webkit-text-stroke:.35px #3d0e4cd9;margin-top:16px;font-size:1.08rem}.about-panel p,.links-header p,#next-steps p,#docs .doc-links a,#site-footer p,.home-note{text-shadow:0 1px 4px #4315573d;-webkit-text-stroke:.35px #3d0e4cd9}#about-page{width:min(1126px,100%);margin:0 auto;padding:48px clamp(20px,4vw,32px)}.about-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:28px;max-width:760px;margin:0 auto;padding:40px;box-shadow:0 30px 80px #0000001f}.about-panel h2{text-shadow:0 2px 10px #43155759;-webkit-text-stroke:.4px #3d0e4cf2;margin-top:0;font-size:2.6rem}.about-panel p{margin:14px 0;font-size:1.18rem;line-height:1.5}#links-intro{text-align:center;padding:40px 32px 0}.links-header p{color:#c7b8e6;max-width:640px;margin:12px auto 0;font-size:1.13rem;line-height:1.55}.nav-link.active{background:#5f307042;border-color:#8f3fd5b3;transform:translateY(-1px)}.links-header h2{text-shadow:0 2px 10px #43155759;-webkit-text-stroke:.4px #3d0e4cf2;margin:0;font-size:4.6rem}#center .MainLogo{justify-content:center;align-items:center;display:flex}#center .evabase{will-change:transform, box-shadow;border:4px solid #3f0d5a;border-radius:24px;transition:transform .25s,box-shadow .25s,border-color .25s;animation:3s ease-in-out infinite pulse-border;box-shadow:0 0 30px #4f066754}#center .evabase:hover{border-color:#6b2993;transform:scale(1.05)rotate(-.5deg);box-shadow:0 0 46px #8f3fd5bf,0 14px 36px #0000002e}@keyframes pulse-border{0%{box-shadow:0 0 24px #4f066740}50%{box-shadow:0 0 50px #8f3fd58c}to{box-shadow:0 0 26px #4f066747}}#next-steps{border-top:1px solid var(--border);text-align:left;gap:24px;width:min(1126px,100%);margin:0 auto;display:flex}#next-steps>div{background:#ffffff09;border:1px solid #ffffff0f;border-radius:24px;flex:1 1 0;padding:32px;transition:transform .35s,box-shadow .35s,border-color .35s;animation:7s ease-in-out infinite float-card;box-shadow:0 10px 30px #0000000a}#next-steps>div:hover{border-color:#8f3fd54d;transform:translateY(-4px);box-shadow:0 18px 40px #00000014}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}#docs{border-right:1px solid var(--border)}#docs .doc-links{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}#docs .doc-links a{color:var(--text-h);background:#4f066714;border:2px solid #5f3070a6;border-radius:8px;padding:12px 18px;font-size:1.05rem;text-decoration:none;transition:transform .25s,box-shadow .25s,background-color .25s}#docs .doc-links a:hover{background:#5f307024;transform:translateY(-1px);box-shadow:0 8px 18px #5f30701a}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:#4f066714;border:2px solid #8f3fd5bf;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:21px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s;display:flex}#next-steps ul a:hover{background:#5f30701f;border-color:#5f30708c;transform:translateY(-1px);box-shadow:0 6px 12px #5f30701f}#next-steps ul .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}#next-steps>div{padding:24px 20px}#docs{border-right:none;border-bottom:1px solid var(--border)}#next-steps ul{flex-direction:column;gap:12px;margin-top:24px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}#spacer{height:48px}}#spacer{border-top:none;height:88px}#site-footer{text-align:center;color:#d8c7f7;letter-spacing:.01em;width:100%;max-width:none;margin:28px 0 0;padding:12px clamp(20px,4vw,32px) 10px;font-size:1.05rem;line-height:1.8}#site-footer p{margin:0}@media (width<=1024px){#home-hero{text-align:center;grid-template-columns:1fr;gap:28px;padding:36px 24px 24px}.home-copy{margin:0 auto}.home-note,.hero-tagline{max-width:90%;margin-left:auto;margin-right:auto}#about-page,#links-intro,#next-steps,#site-footer{padding-left:24px;padding-right:24px}}@media (width<=640px){.topnav{padding:18px}.nav-link{text-align:center;flex:100%}#home-hero{padding:24px 18px 18px}.home-image{max-width:100%}#site-footer{padding:24px 18px 18px}}.ticks{display:none}@media (width<=1024px){#home-hero{text-align:center;grid-template-columns:1fr;gap:28px;padding:36px 24px 24px}.home-copy{margin:0 auto}.home-note,.hero-tagline{max-width:90%;margin-left:auto;margin-right:auto}#about-page,#links-intro,#next-steps,#site-footer{padding-left:24px;padding-right:24px}#next-steps{flex-direction:column}#next-steps ul{flex-direction:column;gap:12px;margin-top:24px}#next-steps ul li,#next-steps ul a{width:100%}#docs{border-bottom:1px solid #ffffff14;border-right:none}}@media (width<=640px){.topnav{padding:18px}.nav-link{text-align:center;flex:100%}#home-hero{padding:24px 18px 18px}.home-image{max-width:100%}#site-footer{padding:24px 18px 18px}}