:root{--glass-bg:rgba(255,255,255,0.8);--glass-border:rgba(255,255,255,0.3);--glass-shadow:0 8px 32px rgba(0,0,0,0.1)}.dark{--glass-bg:rgba(15,15,35,0.8);--glass-border:rgba(255,255,255,0.1);--glass-shadow:0 8px 32px rgba(0,0,0,0.4)}@keyframes celestial-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes celestial-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.5}}.celestial-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -20%,color-mix(in srgb,var(--brand-primary-light) 18%,transparent),transparent),var(--background)}.dark .celestial-hero{background:radial-gradient(ellipse 80% 50% at 50% -20%,color-mix(in srgb,var(--brand-primary) 25%,transparent),transparent),var(--background)}.celestial-grain{position:absolute;inset:0;pointer-events:none;opacity:.015;z-index:1}.celestial-grain svg{width:100%;height:100%}.dark .celestial-grain{opacity:.03}.celestial-glow{position:relative}.celestial-glow:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 40% at 20% 50%,color-mix(in srgb,var(--brand-primary-light) 6%,transparent),transparent),radial-gradient(ellipse 50% 30% at 80% 40%,color-mix(in srgb,var(--brand-secondary-light) 4%,transparent),transparent)}.dark .celestial-glow:before{background:radial-gradient(ellipse 60% 40% at 20% 50%,color-mix(in srgb,var(--brand-primary) 12%,transparent),transparent),radial-gradient(ellipse 50% 30% at 80% 40%,color-mix(in srgb,var(--brand-secondary) 8%,transparent),transparent)}.celestial-glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.celestial-glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary-light) 6%,transparent),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.celestial-glass-card:hover{border-color:color-mix(in srgb,var(--brand-primary) 20%,var(--glass-border));box-shadow:var(--glass-shadow),0 0 24px color-mix(in srgb,var(--brand-primary) 8%,transparent)}.celestial-glass-card:hover:before{opacity:1}.celestial-glass-card>*{position:relative;z-index:1}.celestial-card-enter{animation:celestial-card-in .5s ease both;animation-delay:min(calc(var(--card-index, 0) * 80ms),.4s)}.celestial-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--brand-primary)}.dark .celestial-badge{color:var(--brand-primary-light)}.celestial-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);animation:celestial-pulse 2.5s ease-in-out infinite}.dark .celestial-badge-dot{background:var(--brand-primary-light)}.celestial-card-orb{width:var(--card-orb-size,48px);height:var(--card-orb-size,48px);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),transparent 40%),radial-gradient(circle at center,var(--card-orb-color,var(--brand-primary)),var(--brand-primary));box-shadow:0 0 16px color-mix(in srgb,var(--card-orb-color,var(--brand-primary)) 30%,transparent);flex-shrink:0;transition:transform .3s ease}.celestial-glass-card:hover .celestial-card-orb{transform:scale(1.05)}.celestial-cta-banner{background:linear-gradient(135deg,var(--brand-primary),var(--brand-button-gradient-end));position:relative;overflow:hidden}.celestial-cta-banner:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 80% 60%,rgba(255,255,255,.2),transparent);opacity:0}.dark .celestial-cta-banner:after{opacity:1}.celestial-glass-container{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-card-lg);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.celestial-glass-container:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand-primary) 40%,transparent),color-mix(in srgb,var(--brand-secondary) 30%,transparent),transparent);border-radius:1px}@media (max-width:767px){.celestial-glass-card,.celestial-glass-container{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}.cosmic-orb-container{display:flex;justify-content:center;margin-bottom:1.5rem}.cosmic-orb{position:relative;width:var(--orb-size,200px);height:var(--orb-size,200px);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),transparent 40%),radial-gradient(circle at center,var(--orb-color,var(--brand-secondary)),var(--brand-primary));box-shadow:0 0 60px color-mix(in srgb,var(--orb-color,var(--brand-secondary)) 40%,transparent),0 0 120px color-mix(in srgb,var(--brand-primary) 20%,transparent),inset 0 0 30px rgba(255,255,255,.1);animation:orb-pulse 4s ease-in-out infinite}.cosmic-orb:after{content:"";position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--orb-color,var(--brand-secondary)) 15%,transparent),transparent 70%);z-index:-1}@keyframes orb-pulse{0%,to{transform:scale(1);box-shadow:0 0 60px color-mix(in srgb,var(--orb-color,var(--brand-secondary)) 40%,transparent),0 0 120px color-mix(in srgb,var(--brand-primary) 20%,transparent),inset 0 0 30px rgba(255,255,255,.1)}50%{transform:scale(1.02);box-shadow:0 0 80px color-mix(in srgb,var(--orb-color,var(--brand-secondary)) 50%,transparent),0 0 140px color-mix(in srgb,var(--brand-primary) 25%,transparent),inset 0 0 40px rgba(255,255,255,.15)}}@media (prefers-reduced-motion:reduce){.celestial-card-enter{animation:none;opacity:1;transform:none}.celestial-badge-dot{animation:none}.celestial-card-orb,.celestial-glass-card,.celestial-glass-card:before{transition:none}.cosmic-orb{animation:none}}