:root{--primary-color: #0d21a1;--primary-dark: #0a1a7f;--primary-light: #3d52c9;--secondary-color: #808080;--secondary-dark: #666666;--accent-color: #9cec5b;--accent-light: #b8f080;--background-primary: #f0eff4;--background-secondary: #ffffff;--surface: #ffffff;--surface-elevated: rgba(240, 239, 244, .95);--text-primary: #1a1a2e;--text-secondary: #4a5568;--text-tertiary: #718096;--text-on-primary: #ffffff;--success-color: #48bb78;--warning-color: #ed8936;--error-color: #f56565;--info-color: #4299e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 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, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-colored: 0 8px 16px rgba(102, 126, 234, .2);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-primary);background:linear-gradient(135deg,#0d21a1,gray);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-dark)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0d21a1,gray);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-primary);line-height:1.2;margin:0}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:2rem;letter-spacing:-.01em}h3{font-size:1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-color))}.glass-effect{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.gradient-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.gradient-accent{background:linear-gradient(135deg,var(--accent-color),var(--primary-color))}html{color-scheme:light}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modern-card{background:var(--surface-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-card:hover{transform:translateY(-4px);box-shadow:0 24px 38px -10px #00000026,0 12px 16px -8px #00000014}.glass-card{background:#ffffff40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f268726}.gradient-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-colored);position:relative;overflow:hidden}.gradient-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.gradient-card:hover:before{left:100%}.modern-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--text-on-primary);border:none;border-radius:var(--radius-lg);padding:.75rem 2rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.modern-button: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}.modern-button:hover:before{width:300px;height:300px}.modern-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.modern-button:active{transform:translateY(0)}.modern-input{background:#ffffffe6;border:2px solid rgba(102,126,234,.2);border-radius:var(--radius-md);padding:.875rem 1rem;font-size:1rem;transition:all .3s ease;outline:none}.modern-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a;background:#fff}.skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}.pulse-animation{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fade-in{animation:fadeIn .4s ease-out}.slide-in{animation:slideIn .4s ease-out}.scale-in{animation:scaleIn .3s ease-out}.scrollable{scrollbar-width:thin;scrollbar-color:var(--primary-color) rgba(0,0,0,.05)}@media(max-width:768px){.modern-card,.gradient-card{border-radius:var(--radius-lg)}}