@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#ffffff0a;--bg-card-hover:#ffffff14;--bg-glass:#ffffff0f;--border-subtle:#ffffff14;--border-glow:#8b5cf64d;--text-primary:#f0f0f5;--text-secondary:#8b8b9e;--text-muted:#5a5a6e;--accent-purple:#8b5cf6;--accent-purple-light:#a78bfa;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--gradient-primary:linear-gradient(135deg,#8b5cf6,#3b82f6,#06b6d4);--gradient-warm:linear-gradient(135deg,#ec4899,#8b5cf6);--gradient-cool:linear-gradient(135deg,#3b82f6,#06b6d4);--gradient-bg:radial-gradient(ellipse at 20% 50%,#8b5cf614 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,#3b82f60f 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,#06b6d40a 0%,transparent 50%);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{border:none;outline:none;font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 24px}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:0 0 40px #8b5cf614}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 24px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf666}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-glow)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:16px 32px;font-size:1.05rem}.score-badge{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:800;display:inline-flex;position:relative}.score-badge:before{content:"";background:conic-gradient(var(--score-color)calc(var(--score-pct)*3.6deg),#ffffff1a 0);-webkit-mask-composite:xor;border-radius:50%;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.score-high{--score-color:var(--accent-green);color:var(--accent-green)}.score-medium{--score-color:var(--accent-orange);color:var(--accent-orange)}.score-low{--score-color:var(--accent-red);color:var(--accent-red)}.progress-bar-container{border-radius:var(--radius-full);background:#ffffff0f;width:100%;height:6px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:var(--gradient-primary);height:100%;transition:width .5s;position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bg-orb{filter:blur(100px);opacity:.4;pointer-events:none;z-index:0;border-radius:50%;animation:20s ease-in-out infinite float;position:fixed}.bg-orb-1{background:#8b5cf626;width:600px;height:600px;top:-200px;left:-200px}.bg-orb-2{background:#3b82f61a;width:500px;height:500px;animation-delay:-5s;bottom:-100px;right:-200px}.bg-orb-3{background:#06b6d414;width:400px;height:400px;animation-delay:-10s;top:50%;left:50%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:.5s forwards fadeIn}.animate-slideUp{animation:.6s forwards slideUp}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}