@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--sys-color-background:transparent;--sys-color-on-background:#0f172a;--sys-color-surface:#ffffff8c;--sys-color-on-surface:#334155;--sys-color-border:#ffffff80;--sys-color-border-hover:#fffc;--sys-color-accent:#0f172a;--sys-color-on-accent:#fff;--sys-color-muted:#64748b;--accent-emerald:#34d399;--accent-blue:#60a5fa;--accent-violet:#a78bfa;--accent-amber:#fbbf24;--pastel-green:#34d3991f;--pastel-green-text:#059669;--pastel-yellow:#fbbf241f;--pastel-yellow-text:#d97706;--font-display:"Outfit", sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Space Grotesk", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--section-gap:clamp(80px, 12vw, 160px);--glass-bg:#ffffff73;--glass-border:#ffffffa6;--glass-blur:24px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--sys-color-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;margin:0;line-height:1.6;overflow-x:hidden}::selection{color:#0f172a;background:#34d39940}.m3-button{box-sizing:border-box;background:var(--sys-color-accent);color:var(--sys-color-on-accent);border:1px solid var(--sys-color-accent);font-family:var(--font-display);cursor:pointer;border-radius:100px;outline:none;justify-content:center;align-items:center;padding:16px 36px;font-size:1.05rem;font-weight:600;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:inline-flex;position:relative;overflow:hidden}.m3-button:after{content:"";opacity:0;background:linear-gradient(135deg,#34d3994d,#60a5fa4d);transition:opacity .4s;position:absolute;inset:0}.m3-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0f172a40}.m3-button:hover:after{opacity:1}.m3-button:active{transform:scale(.97)translateY(0)}.m3-button--outlined{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--sys-color-on-background);border:1px solid #0f172a1a}.m3-button--outlined:after{display:none}.m3-button--outlined:hover{background:#ffffffd9;border-color:#0f172a26;box-shadow:0 12px 32px #0f172a0f}html,body{height:100%}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex-direction:column;flex:1;display:flex}.container{box-sizing:border-box;width:100%;max-width:1300px;margin:0 auto;padding:0 32px}.tag{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;align-items:center;padding:7px 16px;font-size:.78rem;font-weight:700;display:inline-flex}.tag.green{background:var(--pastel-green);color:var(--pastel-green-text);border:1px solid #34d39940}.tag.yellow{background:var(--pastel-yellow);color:var(--pastel-yellow-text);border:1px solid #fbbf2440}.h-display{font-family:var(--font-display);letter-spacing:-.04em;color:var(--sys-color-on-background);margin:0;font-size:clamp(3.5rem,8vw,7rem);font-weight:700;line-height:.95}.h-section{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:700;line-height:1.15}.text-body-large{color:var(--sys-color-muted);font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.7}.card-minimal{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;padding:40px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 32px -8px #0000000a,inset 0 1px #fff9}.card-minimal:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:200%;height:100%;transition:left .8s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-100%}.card-minimal:hover{background:#ffffffa6;border-color:#ffffffe6;transform:translateY(-6px);box-shadow:0 24px 48px -12px #00000014,inset 0 1px #fffc}.card-minimal:hover:before{left:100%}.section-divider{background:linear-gradient(90deg, var(--accent-emerald), var(--accent-blue));border-radius:100px;width:80px;height:3px;margin:0 auto 32px}.gradient-text{background:linear-gradient(135deg,#34d399 0%,#60a5fa 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.modern-header{z-index:100;-webkit-backdrop-filter:blur(20px);background:#fafafa99;border-bottom:1px solid #fff6;position:sticky;top:0}.modern-header-nav{justify-content:space-between;align-items:center;max-width:1300px;margin:0 auto;padding:20px 32px;display:flex}@media (width<=768px){.card-minimal{border-radius:20px;padding:28px 24px}.card-minimal:hover{transform:translateY(-3px)}}