@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600;700&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading:"Geist", "Inter", system-ui, sans-serif;--bg:#f7f6f3;--surface:#fff;--text-h:#08060d;--text:#4a4a4a;--text-muted:#8a8a8a;--border:#e2dfd9;--border-strong:#d5d2cc;--accent:#aa3bff;--shadow:#14101e0f 0 1px 2px, #14101e0a 0 8px 24px -8px;--shadow-hover:#14101e1a 0 4px 12px, #14101e14 0 16px 40px -12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101014;--surface:#191920;--text-h:#f3f4f6;--text:#b8b6bf;--text-muted:#7c7a85;--border:#2a2a33;--border-strong:#34343f;--shadow:#0006 0 1px 2px, #0000004d 0 8px 24px -8px;--shadow-hover:#00000080 0 4px 12px, #00000073 0 16px 40px -12px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.page{flex-direction:column;max-width:1040px;min-height:100vh;margin:0 auto;padding:clamp(2rem,6vw,5rem) clamp(1.25rem,4vw,2.5rem) 3rem;display:flex}.header{align-items:center;gap:1rem;margin-bottom:clamp(2rem,5vw,3.25rem);display:flex}.logo{object-fit:contain;width:auto;max-width:60%;height:38px}@media (prefers-color-scheme:dark){.logo{filter:brightness(0)invert()}}.header-text{border-left:1px solid var(--border-strong);flex-direction:column;gap:.15rem;padding-left:1rem;display:flex}.title{font-family:var(--font-heading);color:var(--text-h);letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.subtitle{color:var(--text-muted);font-size:.9rem}.sections{flex-direction:column;flex:1;gap:clamp(2rem,4vw,2.75rem);display:flex}.section-title{font-family:var(--font-heading);color:var(--text-h);letter-spacing:-.01em;margin-bottom:1.1rem;font-size:1.15rem;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:1.15rem;display:grid}.card{--card-accent:var(--accent);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:inherit;border-radius:16px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:var(--card-accent);opacity:0;height:3px;transition:opacity .18s;position:absolute;inset:0 0 auto}.card:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb, var(--card-accent) 45%, var(--border));transform:translateY(-3px)}.card:hover:before{opacity:1}.card:focus-visible{outline:2px solid var(--card-accent);outline-offset:2px}.card-top{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.card-icon{width:44px;height:44px;color:var(--card-accent);background:color-mix(in srgb, var(--card-accent) 12%, transparent);border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.card-arrow{color:var(--text-muted);transition:transform .18s,color .18s}.card:hover .card-arrow{color:var(--card-accent);transform:translate(2px,-2px)}.card-name{font-family:var(--font-heading);color:var(--text-h);letter-spacing:-.01em;margin-bottom:.4rem;font-size:1.15rem;font-weight:600}.card-desc{color:var(--text);margin-bottom:1.35rem;font-size:.9rem;line-height:1.5}.card-open{letter-spacing:.02em;color:var(--card-accent);margin-top:auto;font-size:.8rem;font-weight:600}.card-soon{cursor:default}.card-soon:hover{box-shadow:var(--shadow);border-color:var(--border);transform:none}.card-soon:hover:before{opacity:0}.card-soon .card-icon{color:var(--text-muted);background:color-mix(in srgb, var(--text-muted) 12%, transparent)}.card-badge{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);background:color-mix(in srgb, var(--text-muted) 12%, transparent);border:1px solid var(--border);border-radius:999px;align-self:flex-start;margin-top:auto;padding:.28rem .7rem;font-size:.72rem;font-weight:600}.footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:2.5rem;padding-top:1.25rem;font-size:.8rem}@media (width<=560px){.header{flex-direction:column;align-items:flex-start;gap:.85rem}.logo{max-width:200px;height:34px}.header-text{border-left:none;padding-left:0}}
