.page-shell{max-width:112.5rem;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-2xl)}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) calc(var(--space-lg) - 4px);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-bg-surface) 92%,transparent);border:1px solid var(--color-border-default);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:var(--space-md);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:var(--space-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading)}.brand-mark{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--color-accent-mint) 85%,transparent),color-mix(in srgb,var(--color-bg-primary) 40%,transparent));border:1px solid color-mix(in srgb,var(--color-accent-mint) 45%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--color-accent-mint) 50%,transparent),var(--shadow-glow)}.brand-mark img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-accent-mint) 60%,transparent))}.nav-links{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav-links a{padding:var(--space-sm) calc(var(--space-md) - 2px);border-radius:var(--radius-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);border:1px solid transparent;white-space:nowrap}.nav-links a:hover{background:var(--color-bg-elevated);border-color:var(--color-border-subtle);box-shadow:var(--shadow-card)}.nav-cart{padding:var(--space-sm) calc(var(--space-md) - 2px);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated)}.main-area{margin-top:var(--space-lg);display:grid;gap:var(--space-lg)}.hero-card,.panel{background:var(--color-bg-surface);border-radius:calc(var(--radius-lg) + 4px);border:1px solid var(--color-border-subtle);padding:var(--space-lg);box-shadow:var(--shadow-card)}.hero-card h1{margin:0 0 var(--space-sm);font-size:var(--font-size-h2);letter-spacing:var(--letter-spacing-heading)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.section-heading h2{margin:0;font-size:var(--font-size-h3);letter-spacing:var(--letter-spacing-heading)}.muted{color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);background:color-mix(in srgb,var(--color-bg-elevated) 70%,transparent);color:var(--color-text-primary);padding:calc(var(--space-xs) + 2px) var(--space-sm);border-radius:999px;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);border:1px solid var(--color-border-subtle)}.alert{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border:1px solid;font-weight:var(--font-weight-semibold)}.alert.error{background:color-mix(in srgb,var(--color-state-error) 16%,transparent);border-color:color-mix(in srgb,var(--color-state-error) 50%,transparent);color:var(--color-state-error)}.alert.success{background:color-mix(in srgb,var(--color-state-success) 16%,transparent);border-color:color-mix(in srgb,var(--color-state-success) 45%,transparent);color:var(--color-state-success)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.grid.path-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid.path-grid.bundle-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(min-width:43.75rem){.grid.path-grid.bundle-grid{grid-template-columns:minmax(0,1fr)}}.grid.path-grid.compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media(min-width:43.75rem){.grid.path-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}.tile{background:var(--color-bg-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);padding:var(--space-md);transition:transform var(--duration-normal) var(--easing-standard),box-shadow var(--duration-normal) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard)}.tile:hover{transform:translateY(-2px);border-color:var(--color-accent-teal-dark);box-shadow:var(--shadow-card)}.path-card{cursor:pointer;display:flex;flex-direction:column;gap:10px;position:relative}.path-category{display:grid;gap:var(--space-md);padding:var(--space-lg);border-radius:calc(var(--radius-lg) + 2px);border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);box-shadow:var(--shadow-card)}.path-category+.path-category{margin-top:var(--space-lg)}.path-category-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-subtle)}.path-category-header h3{margin:0;font-size:var(--font-size-h4);letter-spacing:var(--letter-spacing-heading)}.meta{display:flex;gap:var(--space-sm);flex-wrap:wrap;color:var(--color-text-secondary);font-size:var(--font-size-small)}.path-card .title-row{display:flex;align-items:center;gap:var(--space-sm);justify-content:space-between}.path-card .title-row h3{margin:0;font-size:var(--font-size-h4)}.cart-list{list-style:none;padding:0;margin:var(--space-md) 0 0;display:grid;gap:var(--space-sm)}.cart-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated)}.cart-actions{display:flex;justify-content:flex-end;margin-top:var(--space-md)}.pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:calc(var(--space-xs) + 2px) var(--space-sm);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent-teal) 18%,transparent);color:var(--color-accent-mint);font-weight:var(--font-weight-semibold);font-size:var(--font-size-small)}.path-details{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-sm);color:var(--color-text-secondary)}.syllabus-content{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);line-height:var(--line-height-normal);font-size:var(--font-size-small);color:var(--color-text-primary)}.syllabus-heading{margin:var(--space-sm) 0 var(--space-xs);color:var(--color-text-primary)!important}.syllabus-paragraph{margin:var(--space-sm) 0;color:var(--color-text-primary)!important}.syllabus-list{margin:var(--space-sm) 0 var(--space-sm) var(--space-md);padding:0;color:var(--color-text-primary)!important}.syllabus-list-item{margin-bottom:var(--space-xs)}.path-details ul{margin:var(--space-sm) 0 0 var(--space-md);padding:0;color:var(--color-text-secondary)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.secondary-button{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-default);box-shadow:none}.secondary-button:hover:not(:disabled){background:var(--color-bg-elevated);box-shadow:var(--shadow-card)}.tag{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:var(--color-bg-elevated);padding:var(--space-xs) var(--space-sm);border-radius:999px;border:1px solid var(--color-border-subtle)}.tag.subtle{color:var(--color-text-muted);background:color-mix(in srgb,var(--color-bg-elevated) 70%,transparent)}.small{font-size:var(--font-size-small)}.list-stack{display:grid;gap:var(--space-sm)}.site-footer{margin-top:var(--space-xl);padding:var(--space-lg);border-radius:calc(var(--radius-lg) + 2px);border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-secondary)}.footer-content{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;justify-content:space-between}.footer-text{max-width:680px}.footer-text p{margin:var(--space-sm) 0 0;line-height:var(--line-height-normal)}.footer-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.footer-actions .secondary-button{padding:calc(var(--space-xs) + 2px) var(--space-md);border-radius:999px;border-color:color-mix(in srgb,var(--color-border-subtle) 65%,transparent);background:color-mix(in srgb,var(--color-bg-elevated) 80%,transparent);box-shadow:var(--shadow-card);font-weight:var(--font-weight-semibold)}.footer-actions .secondary-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-bg-surface) 75%,transparent);border-color:var(--color-border-default);transform:translateY(-1px)}.footer-actions .secondary-button:active:not(:disabled){transform:translateY(0);box-shadow:none}@media(max-width:900px){.page-shell{padding:var(--space-lg) var(--space-md) var(--space-xl)}.section-heading,.card-footer{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.top-bar{align-items:flex-start;padding:var(--space-md)}.brand{width:100%}.nav-links{width:100%;justify-content:flex-start}.grid,.grid.path-grid,.grid.path-grid.compact,.grid.path-grid.bundle-grid{grid-template-columns:minmax(0,1fr)}.path-category{padding:var(--space-md)}.path-category-header,.cart-row,.footer-content{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.top-bar{padding:var(--space-sm)}.nav-links a,.nav-cart{width:100%}}.form-stack{margin-top:var(--space-md);display:grid;gap:var(--space-md)}.field{display:grid;gap:var(--space-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.field input,.field textarea,.field select{border-radius:var(--radius-sm);border:1px solid var(--color-border-default);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);font-family:inherit;background:var(--color-bg-surface);color:var(--color-text-primary)}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid color-mix(in srgb,var(--color-accent-mint) 40%,transparent);border-color:var(--color-accent-mint)}.sponsor-panel h1{margin:0}.subtext{margin:var(--space-xs) 0 0;color:var(--color-text-muted);font-size:var(--font-size-small)}.auth-card{max-width:100%;width:100%}.status-text{margin-top:var(--space-sm)}.checkout-summary{margin-bottom:var(--space-md);display:grid;gap:var(--space-xs)}.checkout-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.checkout-list{margin:0;padding-left:var(--space-md);color:var(--color-text-secondary)}.checkout-list li{margin:var(--space-xs) 0}.stripe-payment-element{margin-top:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);padding:var(--space-sm);background:var(--color-bg-elevated)}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-primary: #0b0f14;--color-bg-surface: #121824;--color-bg-elevated: #181f2a;--color-text-primary: #e8eef4;--color-text-secondary: #9aa4b2;--color-text-muted: #6b7280;--color-text-inverse: #0b0f14;--color-accent-mint: #7ff5d6;--color-accent-teal: #2ed3c6;--color-accent-teal-dark: #1aa9a3;--color-border-subtle: rgba(255, 255, 255, .08);--color-border-default: rgba(255, 255, 255, .12);--color-state-success: #3ddc97;--color-state-warning: #f4c430;--color-state-error: #f87171;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .26s;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-sharp: cubic-bezier(.4, 0, .6, 1);--shadow-card: 0px 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0px 16px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 12px rgba(127, 245, 214, .25);--font-size-h1: 40px;--font-size-h2: 32px;--font-size-h3: 24px;--font-size-h4: 20px;--font-size-body: 16px;--font-size-small: 14px;--font-size-caption: 13px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--letter-spacing-heading: .02em;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 12px}*{box-sizing:border-box}a{color:inherit;text-decoration:none;transition:color var(--duration-normal) var(--easing-standard),transform var(--duration-fast) var(--easing-standard),box-shadow var(--duration-normal) var(--easing-standard)}a:hover{color:var(--color-accent-mint)}a:focus-visible{outline:2px solid var(--color-accent-mint);outline-offset:3px}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--color-accent-mint) 12%,transparent),transparent 45%),radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--color-accent-teal) 12%,transparent),transparent 50%),var(--color-bg-primary);color:inherit}#root{min-height:100vh}button{border-radius:var(--radius-sm);border:1px solid var(--color-accent-teal);padding:calc(var(--space-sm) + 2px) var(--space-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);font-family:inherit;background:linear-gradient(135deg,var(--color-accent-mint),var(--color-accent-teal));color:var(--color-text-inverse);cursor:pointer;transition:transform var(--duration-fast) var(--easing-standard),box-shadow var(--duration-normal) var(--easing-standard),background-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow)}button:disabled{cursor:not-allowed;opacity:.65}button:focus-visible{outline:2px solid var(--color-accent-mint);outline-offset:3px}