@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-black: #000000;--navy: #1a365d;--navy-light: #234567;--teal: #4ecdc4;--teal-dark: #3db8af;--surface: oklch(100% 0 0 / 3%);--surface-hover: oklch(100% 0 0 / 5%);--surface-elevated: rgba(255, 255, 255, .08);--border-default: oklch(100% 0 0 / 10%);--border-hover: oklch(100% 0 0 / 15%);--text-primary: rgba(255, 255, 255, 1);--text-secondary: rgba(255, 255, 255, .8);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .5);--text-faint: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .3);--color-success: #4ecdc4;--color-warning: #f59e0b;--color-error: #f5576c;--color-info: #4facfe;--color-live: #ef4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-teal: 0 0 20px rgba(78, 205, 196, .3);--shadow-navy: 0 0 20px rgba(26, 54, 93, .5);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.bg-bold-grace{font-family:var(--font-family);background-color:var(--bg-black);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-text-hero{font-size:3rem;font-weight:800;letter-spacing:-.05em;line-height:1.1;color:var(--text-primary)}.bg-text-page{font-size:2rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;color:var(--text-primary)}.bg-text-section{font-size:1.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.3;color:var(--text-primary)}.bg-text-card{font-size:1.125rem;font-weight:700;line-height:1.4;color:var(--text-primary)}.bg-text-heading{font-size:1rem;font-weight:700;line-height:1.5;color:var(--text-primary)}.bg-text-body{font-size:.9375rem;font-weight:500;line-height:1.6;color:var(--text-secondary)}.bg-text-small{font-size:.875rem;font-weight:500;line-height:1.5;color:var(--text-secondary)}.bg-text-ui{font-size:.8125rem;font-weight:600;line-height:1.4}.bg-text-caption{font-size:.75rem;font-weight:500;line-height:1.4;color:var(--text-tertiary)}.bg-text-label{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.bg-text-badge{font-size:.5625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.bg-color-primary{color:var(--text-primary)}.bg-color-secondary{color:var(--text-secondary)}.bg-color-tertiary{color:var(--text-tertiary)}.bg-color-muted{color:var(--text-muted)}.bg-color-faint{color:var(--text-faint)}.bg-color-disabled{color:var(--text-disabled)}.bg-color-teal{color:var(--teal)}.bg-color-navy{color:var(--navy)}.bg-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family);font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer;text-decoration:none;border:none}.bg-btn:disabled{opacity:.5;cursor:not-allowed}.bg-btn-primary{background:linear-gradient(135deg,var(--navy),var(--navy-light));color:#fff;padding:.75rem 1.5rem;font-size:1rem}.bg-btn-primary:hover:not(:disabled){filter:brightness(1.15);box-shadow:var(--shadow-navy)}.bg-btn-teal{background-color:var(--teal);color:#000;padding:.75rem 1.5rem;font-size:1rem}.bg-btn-teal:hover:not(:disabled){filter:brightness(1.15);box-shadow:var(--shadow-teal)}.bg-btn-cta{background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#000;padding:.875rem 1.75rem;font-size:1rem;font-weight:700;box-shadow:0 0 20px #4ecdc466;animation:cta-pulse 2s ease-in-out infinite;position:relative;overflow:hidden}.bg-btn-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:cta-shimmer 3s ease-in-out infinite}.bg-btn-cta:hover:not(:disabled){transform:scale(1.03);box-shadow:0 0 30px #4ecdc499;animation:none}.bg-btn-cta:active:not(:disabled){transform:scale(.98)}@keyframes cta-pulse{0%,to{box-shadow:0 0 20px #4ecdc466}50%{box-shadow:0 0 30px #4ecdc499}}@keyframes cta-shimmer{0%{left:-100%}50%,to{left:100%}}.bg-btn-secondary{background:transparent;color:#fff;border:1px solid var(--border-default);padding:.75rem 1.5rem;font-size:1rem}.bg-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--border-hover)}.bg-btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem 1rem;font-size:.875rem}.bg-btn-ghost:hover:not(:disabled){background:#ffffff1a;color:#fff}.bg-btn-lg{padding:1rem 2rem;font-size:1.125rem;border-radius:var(--radius-lg)}.bg-btn-full{width:100%}.bg-card{background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.bg-card:hover{background:var(--surface-hover);border-color:var(--border-hover)}.bg-card-video{aspect-ratio:16 / 9;position:relative}.bg-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.bg-badge-duration{background:#000c;color:#fff}.bg-badge-level{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-default)}.bg-badge-type{background:var(--navy);color:#fff}.bg-badge-teal{background:var(--teal);color:#000}.bg-glass{background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bg-glass-dark{background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bg-surface{background:var(--surface);border:1px solid var(--border-default)}.bg-surface-hover:hover{background:var(--surface-hover);border-color:var(--border-hover)}.bg-container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.bg-container{padding:0 1.5rem}}@media (min-width: 1024px){.bg-container{padding:0 2rem}}.bg-input{width:100%;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:#fff;font-family:var(--font-family);font-size:.9375rem;transition:border-color .2s ease}.bg-input::-moz-placeholder{color:var(--text-faint)}.bg-input::placeholder{color:var(--text-faint)}.bg-input:focus{outline:none;border-color:#4ecdc480}.bg-link{color:var(--teal);text-decoration:none;transition:opacity .2s ease}.bg-link:hover{opacity:.8}.bg-link-subtle{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.bg-link-subtle:hover{color:#fff}.bg-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.bg-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.bg-breadcrumb a:hover{color:var(--teal)}.bg-breadcrumb-separator{color:var(--text-disabled)}.bg-breadcrumb-current{color:var(--text-secondary)}.bg-faq-item{border-bottom:1px solid var(--border-default)}.bg-faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-family);font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:color .2s ease}.bg-faq-question:hover{color:var(--teal)}.bg-faq-answer{padding-bottom:1.25rem;color:var(--text-secondary);line-height:1.6}.bg-faq-icon{width:1.25rem;height:1.25rem;transition:transform .2s ease}.bg-faq-item[data-open=true] .bg-faq-icon{transform:rotate(180deg)}.bg-gradient-navy{background:linear-gradient(135deg,var(--navy),var(--navy-light))}.bg-gradient-teal{background:linear-gradient(135deg,var(--teal),var(--navy))}.bg-gradient-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-gradient-pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.bg-gradient-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.bg-play-button{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;cursor:pointer;transition:background .2s ease}.bg-play-button:hover{background:#ffffff40}.bg-play-button-hero{width:96px;height:96px}.bg-play-button-card{width:64px;height:64px}.bg-play-button-small{width:48px;height:48px}@media (min-width: 640px){.bg-text-hero{font-size:3.5rem}.bg-text-page{font-size:2.5rem}}@media (min-width: 1024px){.bg-text-hero{font-size:4rem}}@keyframes bg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bg-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-animate-fade-in{animation:bg-fade-in .3s ease-out}.bg-animate-scale-in{animation:bg-scale-in .3s ease-out}.bg-animate-spin{animation:bg-spin 1s linear infinite}.bg-focus-ring:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.bg-topic-pill{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--surface);border:1px solid var(--border-default);border-radius:9999px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s ease}.bg-topic-pill:hover{background:var(--surface-hover);border-color:var(--border-hover);color:#fff}.bg-star{color:#fbbf24}.bg-star-empty{color:var(--text-disabled)}.bg-testimonial{background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:1.5rem}.bg-testimonial-quote{font-size:1rem;line-height:1.7;color:var(--text-secondary);font-style:italic}.bg-testimonial-author{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.bg-testimonial-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.bg-testimonial-name{font-weight:600;color:var(--text-primary)}.bg-testimonial-role{font-size:.875rem;color:var(--text-muted)}.bg-video-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.bg-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.bg-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.bg-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.bg-section{padding:3rem 0}.bg-section-lg{padding:4rem 0}@media (min-width: 1024px){.bg-section{padding:4rem 0}.bg-section-lg{padding:6rem 0}}.bg-divider{height:1px;background:var(--border-default);margin:2rem 0}html{scroll-behavior:smooth}body{margin:0;background-color:#000;position:relative;z-index:1}
