:root{--color-primary: #667eea;--color-primary-dark: #4f46e5;--color-primary-light: #818cf8;--color-on-primary: #ffffff;--color-primary-container: #e0e7ff;--color-on-primary-container: #1e2a6e;--color-secondary: #764ba2;--color-secondary-dark: #5b3a82;--color-secondary-light: #a78bcb;--color-on-secondary: #ffffff;--color-secondary-container: #f0e6ff;--color-on-secondary-container: #2d1554;--color-tertiary: #0891b2;--color-error: #dc2626;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-surface: #ffffff;--bg-dark: #0f172a;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--text-on-primary: #ffffff;--border-light: #e2e8f0;--border-medium: #cbd5e1;--outline: #cbd5e1;--outline-variant: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 6px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 25px rgba(0,0,0,.08), 0 4px 10px rgba(0,0,0,.06);--shadow-xl: 0 20px 40px rgba(0,0,0,.1), 0 8px 20px rgba(0,0,0,.08);--shadow-2xl: 0 30px 60px rgba(0,0,0,.12);--shadow-glow: 0 0 40px -10px var(--color-primary);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mat-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.625rem 1.5rem;font-family:var(--font-sans);font-size:.875rem;font-weight:600;line-height:1.25rem;letter-spacing:.01em;border:none;border-radius:var(--radius-full);cursor:pointer;text-decoration:none;transition:var(--transition-base);position:relative;overflow:hidden;white-space:nowrap}.mat-btn:after{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity var(--transition-fast)}.mat-btn:hover:after{opacity:.08}.mat-btn:active:after{opacity:.16}.mat-btn-filled{background:var(--color-primary);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.mat-btn-filled:hover{box-shadow:var(--shadow-md)}.mat-btn-tonal{background:var(--color-primary-container);color:var(--color-on-primary-container)}.mat-btn-outlined{background:transparent;color:var(--color-primary);border:1px solid var(--outline)}.mat-btn-outlined:hover{border-color:var(--color-primary);background:var(--color-primary-container)}.mat-btn-text{background:transparent;color:var(--color-primary);padding:.625rem 1rem}.mat-btn-text:hover{background:var(--color-primary-container)}.mat-btn-lg{padding:.875rem 2rem;font-size:1rem;line-height:1.5rem}.mat-btn-sm{padding:.375rem 1rem;font-size:.8125rem}.mat-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);text-decoration:none;font-size:1.25rem}.mat-icon-btn:hover{background:var(--bg-secondary);color:var(--color-primary)}.full-bleed{width:100vw;margin-left:calc(-50vw + 50%)}.section-padding{padding:var(--space-4xl) var(--space-xl)}@media(max-width:768px){.section-padding{padding:var(--space-2xl) var(--space-md)}}.content-container{max-width:1200px;margin:0 auto}.page-content{padding-top:var(--nav-height);min-height:100vh;display:flex;flex-direction:column}.mat-card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-xl);transition:var(--transition-base)}.mat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}@media(max-width:768px){.grid-3{grid-template-columns:1fr}}.heading-xl{font-size:3.5rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.heading-lg{font-size:2.5rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}.heading-md{font-size:1.75rem;font-weight:600;line-height:1.3}.body-lg{font-size:1.125rem;line-height:1.7;color:var(--text-secondary)}@media(max-width:768px){.heading-xl{font-size:2.25rem}.heading-lg{font-size:1.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}