@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&family=Inter:wght@300;400;500;700&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--bg-color:#08080c;--card-bg:#14141e99;--card-border:#ffffff12;--text-primary:#fff;--text-secondary:#a0a0ba;--accent-color:#ffb74d;--accent-gradient:linear-gradient(135deg, #ffb74d 0%, #ff7043 100%);--glow-shadow:0 0 30px #ff704340;box-sizing:border-box;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);margin:0;padding:0;overflow-x:hidden}body{margin:0;padding:0}*{box-sizing:border-box}.mesh-bg{z-index:-1;background:radial-gradient(circle at 10% 20%,#ff70430d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#673ab714 0%,#0000 50%);position:fixed;inset:0;overflow:hidden}.mesh-glow{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#ffb74d0f 0%,#0000 70%);width:50vw;height:50vw;position:absolute;top:-10%;left:30%}h1,h2,h3{font-family:var(--font-display)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 24px}header{border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#08080cb3;padding:24px 0;position:sticky;top:0}.nav-row{justify-content:space-between;align-items:center;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.5px;align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}.brand-accent{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 0;display:flex;position:relative}.mascot-container{width:220px;height:220px;box-shadow:var(--glow-shadow);background:linear-gradient(135deg,#ffb74d33 0%,#ff704333 100%);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:32px;padding:8px;animation:6s ease-in-out infinite float;display:flex}.mascot-img{object-fit:cover;border-radius:50%;width:100%;height:100%}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}.hero-tag{color:var(--accent-color);letter-spacing:1px;text-transform:uppercase;background:#ffb74d14;border:1px solid #ffb74d33;border-radius:100px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:700}.hero-title{letter-spacing:-2px;margin:0 0 20px;font-size:64px;font-weight:900;line-height:1.1}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:18px;line-height:1.6}.features{padding:60px 0}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;flex-direction:column;padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.card:hover{border-color:#ffb74d33;transform:translateY(-8px);box-shadow:0 12px 30px #0000004d}.card-icon{width:48px;height:48px;color:var(--accent-color);background:#ffb74d14;border:1px solid #ffb74d33;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;font-size:20px;display:flex}.card-title{letter-spacing:-.5px;margin:0 0 12px;font-size:22px;font-weight:700}.card-desc{color:var(--text-secondary);flex-grow:1;font-size:15px;line-height:1.6}.card-link{color:var(--accent-color);align-items:center;gap:8px;margin-top:24px;font-size:14px;font-weight:600;transition:gap .2s;display:inline-flex}.card:hover .card-link{gap:12px}.cta-button{background:var(--accent-gradient);color:#000;box-shadow:var(--glow-shadow);cursor:pointer;border:none;border-radius:16px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.cta-button:hover{transform:scale(1.03);box-shadow:0 0 35px #ff704366}footer{border-top:1px solid var(--card-border);text-align:center;color:var(--text-secondary);padding:60px 0;font-size:14px}@media (width<=768px){.hero-title{letter-spacing:-1px;font-size:44px}.hero{padding:60px 0}}