:root{--color-primary-50:#f5f7ff;--color-primary-100:#ebf0ff;--color-primary-200:#d6e0ff;--color-primary-300:#b8c9ff;--color-primary-400:#8da6ff;--color-primary-500:#667eea;--color-primary-600:#5568d3;--color-primary-700:#4654b8;--color-primary-800:#3a4494;--color-primary-900:#2d3470;--color-secondary-50:#fdf4ff;--color-secondary-100:#fae8ff;--color-secondary-200:#f5d0fe;--color-secondary-300:#f0abfc;--color-secondary-400:#e879f9;--color-secondary-500:#764ba2;--color-secondary-600:#6b3f92;--color-secondary-700:#5e3481;--color-secondary-800:#4f2a6b;--color-secondary-900:#402256;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-info-700:#1d4ed8;--font-family-base:"Inter","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-heading:"Inter","Roboto",sans-serif;--font-family-mono:"Fira Code","Consolas","Monaco",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-none:0;--radius-sm:0.25rem;--radius-base:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-base:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-md:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-2xl:0 35px 60px -15px rgba(0,0,0,.3);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--bg-page:#fff;--bg-card:#fff;--bg-card-hover:#fff;--gradient-primary:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);--gradient-success:linear-gradient(135deg,var(--color-success-500) 0%,var(--color-success-600) 100%);--gradient-error:linear-gradient(135deg,var(--color-error-500) 0%,var(--color-error-600) 100%);--gradient-warning:linear-gradient(135deg,var(--color-warning-500) 0%,var(--color-warning-600) 100%);--opacity-disabled:0.5;--opacity-hover:0.8}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");#nprogress .bar{background:linear-gradient(90deg,#667eea,#764ba2);z-index:9999;height:3px}#nprogress .bar,#nprogress .peg{box-shadow:0 0 10px rgba(102,126,234,.7),0 0 5px rgba(102,126,234,.5)}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{max-width:100vw;overflow-x:hidden;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:#2d3748;background:#fff;min-height:100vh;font-size:14px;transition:opacity .3s ease-out}@media (max-width:768px){body,html{font-size:13px;line-height:1.5}}@media (max-width:480px){body,html{font-size:12px;line-height:1.4}}@media (max-width:360px){body,html{font-size:11px}}a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease}a:hover{opacity:.8}img,svg{max-width:100%;height:auto;display:block}button{font-family:inherit;transition:all .2s ease}*{will-change:auto}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-30px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate3d(30px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}::selection{background:rgba(102,126,234,.3);color:#2d3748}button:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}*{transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.mobile-optimized{padding:clamp(8px,2vw,20px);font-size:clamp(12px,3vw,16px)}.mobile-text{font-size:clamp(11px,3vw,14px)}.mobile-title{font-size:clamp(16px,5vw,28px)}.mobile-button{padding:clamp(6px,2vw,12px) clamp(12px,4vw,24px);font-size:clamp(11px,3vw,14px);border-radius:clamp(6px,2vw,12px)}.responsive-container{max-width:100vw;padding:clamp(8px,2vw,20px);margin:0 auto}.mobile-flex{display:flex;flex-wrap:wrap;gap:clamp(4px,2vw,16px);align-items:center}.mobile-grid{display:grid;grid-gap:clamp(4px,2vw,16px);gap:clamp(4px,2vw,16px);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}@media (max-width:480px){.mobile-grid{grid-template-columns:1fr}}@media (hover:none){.clickable,button{min-height:44px;min-width:44px}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-slide-up{animation:slideInUp .4s ease-out forwards}.animate-slide-down{animation:slideInDown .4s ease-out forwards}.animate-slide-left{animation:slideInLeft .4s ease-out forwards}.animate-slide-right{animation:slideInRight .4s ease-out forwards}.stagger-item{opacity:0;animation:fadeIn .4s ease-out forwards}.stagger-item:first-child{animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease-in}.gpu-accelerated{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#29d transparent transparent #29d;border-style:solid;border-width:2px;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}