:root{--primary: #5000be;--primary-dark: #4000a0;--primary-light: #7020d0;--secondary: #4691FF;--accent: #0550d7;--success: #40f99b;--warning: #F59E0B;--danger: #EF4444;--bg-light: #fbfef9;--bg-lighter: #ffffff;--bg-card: rgba(80, 0, 190, .03);--bg-card-hover: rgba(80, 0, 190, .06);--text-primary: #1a1a1a;--text-secondary: #4a5568;--text-muted: #718096;--border: rgba(80, 0, 190, .15);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .15), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(80, 0, 190, .3);--shadow-glow-lg: 0 0 40px rgba(80, 0, 190, .4);--shadow-neon: 0 0 5px rgba(80, 0, 190, .5), 0 0 10px rgba(80, 0, 190, .3);--shadow-colored-primary: 0 8px 30px rgba(80, 0, 190, .25);--shadow-colored-success: 0 8px 30px rgba(64, 249, 155, .25);--gradient-primary: linear-gradient(135deg, #5000be 0%, #7020d0 100%);--gradient-secondary: linear-gradient(135deg, #4691FF 0%, #0550d7 100%);--gradient-success: linear-gradient(135deg, #40f99b 0%, #2dd87e 100%);--gradient-bg: linear-gradient(135deg, #fbfef9 0%, #f0f4ff 100%);--gradient-holographic: linear-gradient(135deg, #5000be 0%, #4691FF 25%, #40f99b 50%, #7020d0 75%, #5000be 100%);--gradient-shimmer: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--gradient-bg);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top right,rgba(70,145,255,.08),transparent 50%),radial-gradient(ellipse at bottom left,rgba(80,0,190,.08),transparent 50%);z-index:-1;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.7}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-lighter)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.glass-card-no-hover{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.container-wide{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem;background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem;color:var(--text-primary)}h3{font-size:1.5rem;color:var(--text-primary)}p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.btn{font-family:var(--font-family);font-size:1rem;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 10px 20px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px #6366f166}.btn-secondary{background:#fff;color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-2px)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 10px 20px #10b9814d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 15px 30px #10b98166}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:500;font-size:.875rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;background:#fff;border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:1rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #5000be1a}.form-textarea{resize:vertical;min-height:100px}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-value{font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-top:var(--spacing-sm)}.progress-bar{width:100%;height:8px;background:#5000be1a;border-radius:var(--radius-lg);overflow:hidden;margin:var(--spacing-md) 0}.progress-fill{height:100%;background:var(--gradient-primary);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-lg)}.spinner{border:3px solid rgba(80,0,190,.1);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border-left:4px solid}.alert-success{background:#40f99b26;border-color:var(--success);color:#059669}.alert-error{background:#ef444426;border-color:var(--danger);color:#dc2626}.alert-warning{background:#f59e0b26;border-color:var(--warning);color:#d97706}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}.container,.container-wide{padding:var(--spacing-md)}.stat-value{font-size:2rem}}.navbar{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.nav-logo{margin:0;font-size:1.25rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:1rem}.nav-link{color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all .3s ease;font-weight:500}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.main-content{min-height:calc(100vh - 80px);padding:2rem 0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer-container{position:relative;overflow:hidden}.shimmer-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-shimmer);animation:shimmer 2s infinite}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce 1s ease-in-out infinite}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .5s var(--transition-base)}.slide-in-right{animation:slideInRight .5s var(--transition-base)}.slide-in-up{animation:slideInUp .5s var(--transition-base)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#5000be0d 25%,#5000be1a,#5000be0d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:2rem;margin-bottom:1rem;width:60%}.skeleton-card{height:150px;width:100%}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#5000be1a;color:var(--primary);border:1px solid rgba(80,0,190,.3)}.badge-success{background:#40f99b1a;color:#059669;border:1px solid rgba(64,249,155,.3)}.badge-warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.tooltip{position:relative;display:inline-block}.tooltip:hover:before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);padding:.5rem .75rem;background:#1a1a1af2;color:#fff;font-size:.75rem;border-radius:var(--radius-md);white-space:nowrap;z-index:1000;animation:fadeIn .2s ease-in}.tooltip:hover:after{content:"";position:absolute;bottom:115%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1a1a1af2;z-index:1000}.stat-card-premium{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card-premium:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.stat-card-premium:hover:before{transform:scaleX(1)}.stat-card-premium:hover{transform:translateY(-8px);box-shadow:var(--shadow-colored-primary);border-color:var(--primary-light)}.glow{box-shadow:var(--shadow-glow);transition:box-shadow var(--transition-base)}.glow:hover{box-shadow:var(--shadow-glow-lg)}.radio-option{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-option input[type=radio]{position:absolute;opacity:0}.radio-option-label{display:flex;align-items:center;justify-content:center;padding:1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:transparent;transition:all var(--transition-base);font-weight:600;font-size:1.25rem;color:var(--text-secondary)}.radio-option input[type=radio]:checked+.radio-option-label{border-color:var(--primary);background:#5000be1a;color:var(--primary-light);box-shadow:var(--shadow-neon);transform:scale(1.05)}.radio-option:not(:has(input:checked)):hover .radio-option-label{border-color:var(--primary-light);transform:scale(1.02)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float{animation:float 3s ease-in-out infinite}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-holographic{background:var(--gradient-holographic);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.count-up{animation:countUp .8s var(--transition-bounce) forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}