:root{--font-family-sans:"Inter", "Outfit", system-ui, sans-serif;--font-family-display:"Outfit", "Inter", system-ui, sans-serif;--color-brand-50:#f0eeff;--color-brand-100:#e4e0ff;--color-brand-200:#ccc6ff;--color-brand-300:#a99eff;--color-brand-400:#8b7eff;--color-brand-500:#6c63ff;--color-brand-600:#5a4ef0;--color-brand-700:#4a3dd6;--color-brand-800:#3d33ae;--color-brand-900:#342d8a;--color-accent-400:#ff8fa3;--color-accent-500:#ff6584;--color-accent-600:#e84d6e;--color-surface-50:#f8f8ff;--color-surface-100:#e8e8f0;--color-surface-800:#1e1e2e;--color-surface-900:#13131e;--color-surface-950:#0a0a12}.relative{position:relative}.z-10{z-index:10}.mt-4{margin-top:1rem}.text-sm{font-size:.875rem}.text-gray-300{color:#d1d5db}.text-gray-500{color:#6b7280}.text-green-400{color:#4ade80}.text-yellow-400{color:#facc15}.text-orange-400{color:#fb923c}.text-red-400{color:#f87171}.bg-orange-500{background:#f97316}.bg-blue-500{background:#3b82f6}.bg-pink-500{background:#ec4899}.bg-green-500{background:#22c55e}.bg-amber-500{background:#f59e0b}.bg-cyan-500{background:#06b6d4}.bg-violet-500{background:#8b5cf6}.bg-gradient-to-br,.bg-gradient-to-r{background-image:linear-gradient(135deg, var(--tw-gradient-from,#6c63ff), var(--tw-gradient-to,#5a4ef0))}.from-violet-600{--tw-gradient-from:#7c3aed}.to-indigo-600{--tw-gradient-to:#4f46e5}.from-blue-600{--tw-gradient-from:#2563eb}.to-cyan-600,.to-cyan-700{--tw-gradient-to:#0891b2}.from-pink-600{--tw-gradient-from:#db2777}.to-rose-600,.to-rose-700{--tw-gradient-to:#e11d48}.from-orange-500{--tw-gradient-from:#f97316}.to-amber-500,.to-amber-600{--tw-gradient-to:#d97706}.from-fuchsia-600,.from-fuchsia-500{--tw-gradient-from:#c026d3}.to-purple-600,.to-pink-500{--tw-gradient-to:#9333ea}.from-red-600{--tw-gradient-from:#dc2626}.to-orange-600{--tw-gradient-to:#ea580c}.from-slate-600{--tw-gradient-from:#475569}.to-gray-700{--tw-gradient-to:#374151}.from-yellow-500{--tw-gradient-from:#eab308}.from-teal-600{--tw-gradient-from:#0d9488}.to-emerald-600{--tw-gradient-to:#059669}.from-emerald-600{--tw-gradient-from:#059669}.to-green-700,.to-green-600{--tw-gradient-to:#15803d}.from-lime-500{--tw-gradient-from:#84cc16}.from-cyan-600{--tw-gradient-from:#0891b2}.to-sky-600{--tw-gradient-to:#0284c7}.from-sky-500{--tw-gradient-from:#0ea5e9}.to-blue-600{--tw-gradient-to:#2563eb}.from-indigo-500{--tw-gradient-from:#6366f1}.to-violet-600{--tw-gradient-to:#7c3aed}.from-amber-500{--tw-gradient-from:#f59e0b}.from-rose-500{--tw-gradient-from:#f43f5e}.to-pink-600{--tw-gradient-to:#db2777}.from-green-500{--tw-gradient-from:#22c55e}.to-lime-600{--tw-gradient-to:#65a30d}.from-purple-700{--tw-gradient-to:#6d28d9}.from-pink-600.to-rose-700{--tw-gradient-from:#db2777;--tw-gradient-to:#be123c}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e8e8f0;background-color:#0a0a12;min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#13131e}::-webkit-scrollbar-thumb{background:#3d33ae;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6c63ff}h1,h2,h3,h4,h5,h6{font-family:Outfit,system-ui,sans-serif;font-weight:700}.glass-card{-webkit-backdrop-filter:blur(20px);background:#1e1e2e99;border:1px solid #6c63ff26;border-radius:20px}.glass-card-light{-webkit-backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px}.gradient-text{background:linear-gradient(135deg,#6c63ff 0%,#ff6584 50%,#ffd93d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-blue{background:linear-gradient(135deg,#6c63ff 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff 0%,#5a4ef0 100%);border:none;border-radius:12px;padding:.875rem 2rem;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #6c63ff59}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6c63ff80}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#a99eff;cursor:pointer;background:#6c63ff1f;border:1px solid #6c63ff40;border-radius:12px;padding:.875rem 2rem;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s}.btn-secondary:hover{color:#ccc6ff;background:#6c63ff33;border-color:#6c63ff80}.btn-ghost{color:#a99eff;cursor:pointer;background:0 0;border:1px solid #6c63ff33;border-radius:10px;padding:.75rem 1.5rem;font-family:Outfit,sans-serif;font-weight:500;transition:all .2s}.btn-ghost:hover{background:#6c63ff14}.animated-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(80px);opacity:.12;border-radius:50%;animation:8s ease-in-out infinite float-orb;position:absolute}.orb-1{background:#6c63ff;width:600px;height:600px;animation-delay:0s;top:-200px;left:-200px}.orb-2{background:#ff6584;width:500px;height:500px;animation-delay:-4s;bottom:-150px;right:-150px}.orb-3{background:#4cc9f0;width:400px;height:400px;animation-delay:-2s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.progress-bar{background:#6c63ff26;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6c63ff,#ff6584);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #6c63ff99}.likert-btn{color:#a99eff;cursor:pointer;background:#1e1e2e99;border:2px solid #6c63ff33;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:56px;padding:10px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.likert-btn:hover{background:#6c63ff1a;border-color:#6c63ff80;transform:translateY(-2px)}.likert-btn.selected{color:#e8e8f0;background:#6c63ff33;border-color:#6c63ff;transform:translateY(-2px);box-shadow:0 0 16px #6c63ff66}.likert-btn.selected-1{background:#ef444426;border-color:#ef4444}.likert-btn.selected-2{background:#f9731626;border-color:#f97316}.likert-btn.selected-3{background:#eab30826;border-color:#eab308}.likert-btn.selected-4{background:#22c55e26;border-color:#22c55e}.likert-btn.selected-5{background:#6c63ff33;border-color:#6c63ff}.match-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6c63ff4d}50%{box-shadow:0 0 40px #6c63ff99}}.animate-slide-up{animation:.5s cubic-bezier(.4,0,.2,1) both slide-up}.animate-fade-in{animation:.4s both fade-in}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid #6c63ff33;border-top-color:#6c63ff;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.score-input{color:#e8e8f0;text-align:center;background:#1e1e2ecc;border:2px solid #6c63ff33;border-radius:12px;outline:none;width:100%;padding:.75rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;transition:all .2s}.score-input:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff26}.score-input::placeholder{color:#a99eff66}.chip{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;display:inline-flex}.chip-brand{color:#a99eff;background:#6c63ff26;border:1px solid #6c63ff4d}.chip-success{color:#86efac;background:#22c55e1f;border:1px solid #22c55e40}.chip-warning{color:#fde047;background:#eab3081f;border:1px solid #eab30840}.chip-danger{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440}@keyframes star-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.confetti-piece{pointer-events:none;z-index:9999;border-radius:2px;width:10px;height:10px;animation:linear both confetti-fall;position:fixed}.content-container{max-width:900px;margin:0 auto;padding:0 1.5rem}@media (width<=640px){.content-container{padding:0 1rem}}