:root{--primary-gradient-start:#33d0f5;--primary-gradient-end:#6d3cff;--primary-mid:#5a62ff;--primary-dark:#3d2fd6;--accent-celebration:#ff9d6c;--accent-teal:#23e6e0;--accent-purple:#7a58ff;--text-main:#0b1220;--text-muted:#42557a;--surface-base:#ffffff;--surface-muted:#f6f8fc;--surface-subtle:#eef3fb;--border-muted:rgba(58,76,130,0.22);--shadow-sm:0 1px 2px rgb(0 0 0/0.05);--shadow-md:0 6px 20px rgba(24,34,72,0.12);--shadow-lg:0 16px 40px rgba(24,34,72,0.16);--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--ease-standard:cubic-bezier(0.4,0,0.2,1);--transition-fast:150ms var(--ease-standard);--background:var(--surface-subtle);--foreground:var(--text-main);--app-background:radial-gradient(circle at top left,rgba(109,60,255,0.12) 0%,rgba(51,208,245,0.15) 40%,rgba(255,255,255,0.6) 100%)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;color:var(--foreground);background:var(--app-background)}.container{max-width:1100px;margin:0 auto;padding:24px}.header{border-bottom:1px solid #e4e8f2;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{font-weight:700;color:var(--foreground);font-size:1.1rem}.brand,.nav a{text-decoration:none}.nav a{margin-left:16px;color:var(--text-muted)}.nav a:hover{color:var(--foreground)}.header .container{display:flex;align-items:center;justify-content:space-between}.hero{padding:40px 0 8px}.title{font-size:2.25rem;margin:0 0 12px}.subtitle{color:var(--text-muted);margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px;padding:16px 0}.card{display:block;background:var(--surface-base);border:1px solid #e4e8f2;border-radius:12px;padding:16px;text-decoration:none;color:inherit;transition:box-shadow .15s ease,transform .15s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card h3{margin:0 0 8px;font-size:1.1rem}.card p{margin:0;color:var(--text-muted);line-height:1.5}.about{padding:16px 0 40px}.footer{border-top:1px solid #e4e8f2;background:var(--surface-muted)}