@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;700&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--purple-light:#e8b4ff;--purple-mid:#c855f7;--purple-dark:#9b1ddd;--violet:#7c3aed;--pink:#ec4899;--gradient-main:linear-gradient(135deg,#c855f7,#9b1ddd 50%,#7c3aed);--gradient-hero:linear-gradient(135deg,#1a0033,#2d0052 40%,#1a0033)}*{box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0a0010;color:#fff;overflow-x:hidden}.glass{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(200,85,247,.15)}.glass-card{background:hsla(0,0%,100%,.02);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border:1px solid hsla(0,0%,100%,.05);border-radius:20px;transition:all .5s cubic-bezier(.16,1,.3,1)}.glass-card:hover{background:hsla(0,0%,100%,.04);border-color:rgba(200,85,247,.2);transform:translateY(-6px);box-shadow:0 40px 80px -20px rgba(0,0,0,.5),0 0 30px rgba(200,85,247,.05)}.btn-primary{background:linear-gradient(135deg,#c855f7,#9b1ddd);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-weight:700;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px rgba(200,85,247,.3);position:relative;overflow:hidden}.btn-primary:hover{background:linear-gradient(135deg,#d97eff,#b026f5);box-shadow:0 12px 40px rgba(200,85,247,.5);transform:translateY(-2px)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:.6s ease}.btn-primary:hover:before{left:100%}.btn-secondary{background:rgba(200,85,247,.1);color:#c855f7;border:1px solid rgba(200,85,247,.4);border-radius:12px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:rgba(200,85,247,.2);border-color:rgba(200,85,247,.7);transform:translateY(-1px)}.input-field{background:hsla(0,0%,100%,.07);border:1px solid rgba(200,85,247,.25);border-radius:12px;padding:12px 16px;color:#fff;width:100%;font-size:15px;outline:none;transition:all .3s ease}.input-field::placeholder{color:hsla(0,0%,100%,.35)}.input-field:focus{border-color:rgba(200,85,247,.7);background:rgba(200,85,247,.07);box-shadow:0 0 0 3px rgba(200,85,247,.15)}.badge-purple{background:rgba(200,85,247,.15);color:#d97eff;border:1px solid rgba(200,85,247,.3);border-radius:999px}.badge-green,.badge-purple{padding:4px 12px;font-size:12px;font-weight:600}.badge-green{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3);border-radius:999px}.badge-yellow{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3);border-radius:999px}.badge-red,.badge-yellow{padding:4px 12px;font-size:12px;font-weight:600}.badge-red{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:999px}.text-gradient{background:linear-gradient(135deg,#c855f7,#9b1ddd,#7c3aed);-webkit-background-clip:text;background-clip:text}.text-gradient,.text-gradient-pink{-webkit-text-fill-color:transparent}.text-gradient-pink{background:linear-gradient(135deg,#f0abfc,#c855f7);-webkit-background-clip:text;background-clip:text}.glow-purple{box-shadow:0 0 30px rgba(200,85,247,.4)}.glow-hover:hover{box-shadow:0 0 40px rgba(200,85,247,.3)}.section{padding:80px 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0010}::-webkit-scrollbar-thumb{background:rgba(200,85,247,.4);border-radius:3px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient{background:linear-gradient(135deg,#c855f7,#9b1ddd,#7c3aed,#c855f7);background-size:300% 300%;animation:gradientShift 5s ease infinite}.sidebar{background:rgba(10,0,20,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(200,85,247,.15)}.table-row:hover{background:rgba(200,85,247,.05)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(200,85,247,.3)}50%{box-shadow:0 0 40px rgba(200,85,247,.6)}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}