@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap");:root{--light-bg-primary:#f8f7fc;--light-bg-secondary:#e8e6f0;--light-accent-blue:#cae9ff;--light-accent-lavender:#e0d4ff;--light-accent-purple:#cfc1ff;--light-text-primary:#1e1a2f;--light-text-secondary:#4a4560;--light-border:#d4cce0;--dark-bg-primary:#0b0a1a;--dark-bg-secondary:#110b1f;--dark-bg-tertiary:#1d103a;--dark-accent-purple:#9b6bff;--dark-accent-purple-dark:#6a4c9c;--dark-accent-blue:#5b9cff;--dark-text-primary:#f0eef7;--dark-text-secondary:#b9b0d4;--dark-border:#2d2a5a;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6}html{color-scheme:light}html.dark{color-scheme:dark}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes twinkle-slow{0%,to{opacity:.2}50%{opacity:.8}}@keyframes nebula-drift{0%{transform:translate(0) scale(1)}25%{transform:translate(20px,-10px) scale(1.05)}50%{transform:translate(10px,20px) scale(1)}75%{transform:translate(-15px,10px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes nebula-drift-slow{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}to{transform:translate(0) scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px rgba(155,107,255,.3)}50%{box-shadow:0 0 20px rgba(155,107,255,.6)}}@keyframes glow-pulse-light{0%,to{box-shadow:0 0 10px rgba(202,233,255,.3)}50%{box-shadow:0 0 20px rgba(202,233,255,.6)}}@keyframes meteor-fall{0%{transform:translateY(-100px) translateX(0);opacity:1}to{transform:translateY(100px) translateX(50px);opacity:0}}@keyframes float-up{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes orbit{0%{transform:rotate(0deg) translateX(50px) rotate(0deg)}to{transform:rotate(1turn) translateX(50px) rotate(-1turn)}}body{background-color:var(--light-bg-primary);color:var(--light-text-primary);font-family:Inter,sans-serif;transition:background-color .3s ease,color .3s ease}html.dark body{background-color:var(--dark-bg-primary);color:var(--dark-text-primary)}.galaxy-gradient-light{background:linear-gradient(135deg,var(--light-bg-primary) 0,var(--light-bg-secondary) 100%)}.galaxy-gradient-dark{background:linear-gradient(135deg,var(--dark-bg-primary) 0,var(--dark-bg-secondary) 50%,var(--dark-bg-tertiary) 100%)}.nebula-gradient-light{background:linear-gradient(135deg,rgba(202,233,255,.3),rgba(224,212,255,.3) 50%,rgba(207,193,255,.3))}.nebula-gradient-dark{background:linear-gradient(135deg,rgba(155,107,255,.2),rgba(91,156,255,.15) 50%,rgba(106,76,156,.2))}.glassmorphism{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}html.dark .glassmorphism{background:rgba(155,107,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(155,107,255,.2)}.glow-border{border:1px solid var(--light-accent-blue);transition:all .3s ease}html.dark .glow-border{border:1px solid var(--dark-accent-purple)}.glow-border:hover{box-shadow:0 0 20px rgba(202,233,255,.5)}html.dark .glow-border:hover{box-shadow:0 0 20px rgba(155,107,255,.5)}.star{display:inline-block;width:2px;height:2px;background-color:var(--light-text-primary);border-radius:50%;animation:twinkle 3s infinite}html.dark .star{background-color:var(--dark-text-primary)}.star-large{width:4px;height:4px;animation:twinkle-slow 4s infinite}.nebula{position:absolute;border-radius:50%;filter:blur(40px);animation:nebula-drift 20s ease-in-out infinite}.nebula-slow{animation:nebula-drift-slow 30s ease-in-out infinite}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-8px)}html.dark .card-hover:hover{box-shadow:0 20px 40px rgba(155,107,255,.2)}.button-glow{position:relative;overflow:hidden;transition:all .3s ease}.button-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.button-glow:hover:before{left:100%}.text-gradient{background:linear-gradient(135deg,var(--light-accent-blue) 0,var(--light-accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html.dark .text-gradient{background:linear-gradient(135deg,var(--dark-accent-blue) 0,var(--dark-accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-button{background:linear-gradient(135deg,var(--light-accent-blue) 0,var(--light-accent-purple) 100%);color:white;border:none;transition:all .3s ease}html.dark .gradient-button{background:linear-gradient(135deg,var(--dark-accent-purple) 0,var(--dark-accent-blue) 100%)}.gradient-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(155,107,255,.3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light-bg-secondary)}html.dark ::-webkit-scrollbar-track{background:var(--dark-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--light-accent-blue);border-radius:4px}html.dark ::-webkit-scrollbar-thumb{background:var(--dark-accent-purple)}::-webkit-scrollbar-thumb:hover{background:var(--light-accent-purple)}html.dark ::-webkit-scrollbar-thumb:hover{background:var(--dark-accent-blue)}@media (max-width:768px){.nebula{filter:blur(30px)}.text-gradient{font-size:1.5rem}}.animate-twinkle{animation:twinkle 3s infinite}.animate-nebula{animation:nebula-drift 20s ease-in-out infinite}.animate-glow,html.dark .animate-glow{animation:glow-pulse 2s infinite}.animate-float{animation:float-up 3s ease-in-out infinite}.animate-slide-up{animation:slide-in-up .6s ease-out}.animate-slide-down{animation:slide-in-down .6s ease-out}.animate-fade{animation:fade-in .6s ease-out}.animate-orbit{animation:orbit 20s linear infinite}