@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Rajdhani:wght@400;600;700&display=swap";
:root{--cosmic-purple:#c84bff;--cosmic-pink:#ff3bea;--cosmic-teal:#3bffea;--cosmic-gold:#ffd93b;--space-dark:#050010;--space-light:#0d0022;--star-white:#fff;--nebula-gray:#89a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--space-dark);color:var(--star-white);font-family:Rajdhani,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--space-dark)}::-webkit-scrollbar-thumb{background:#2a0055;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--cosmic-purple)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes nebulaDrift{0%,to{opacity:.5;transform:translate(0)scale(1)}25%{opacity:.7;transform:translate(50px,-30px)scale(1.1)}50%{opacity:.4;transform:translate(10px,40px)scale(.9)}75%{opacity:.6;transform:translate(-40px,-10px)scale(1.05)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #c84bff66}50%{box-shadow:0 0 25px #c84bffcc}}.gradient-text{background:linear-gradient(135deg, var(--cosmic-purple), var(--cosmic-pink), var(--cosmic-teal));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.section-title{color:var(--star-white);font-family:Cinzel Decorative,serif;font-size:clamp(24px,4vw,36px)}.btn-primary{background:linear-gradient(135deg, var(--cosmic-purple), var(--cosmic-pink));color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 28px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 20px #c84bff66}.btn-primary:hover{color:#fff;transform:translateY(-2px)scale(1.02);box-shadow:0 0 30px #ff3bea99}.btn-ghost{color:var(--cosmic-purple);border:1px solid var(--cosmic-purple);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:12px 28px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-ghost:hover{background:#c84bff1a;transform:translateY(-2px);box-shadow:0 0 20px #c84bff33}.label-text{color:var(--nebula-gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{color:#fff;background:#0a001a;border:1px solid #2a005566;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:Rajdhani,sans-serif;font-size:15px;transition:all .3s}input:focus,select:focus,textarea:focus{border-color:var(--cosmic-purple);box-shadow:0 0 15px #c84bff4d}.category-card:hover{box-shadow:0 10px 30px #00000080, 0 0 20px var(--cat-color);transform:translateY(-5px);border-color:var(--cat-color)!important}.category-card svg{transition:transform .3s,filter .3s}.category-card:hover svg{filter:drop-shadow(0 0 8px var(--cat-color));transform:scale(1.1)}.skeleton{background:linear-gradient(90deg,#0a001a 25%,#1a0033 50%,#0a001a 75%) 0 0/200% 100%;animation:1.5s infinite skeletonLoading}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}
