.header{color:#fff!important;position:relative!important;width:100%}.header .MuiToolbar-root{padding:0 var(--space-4)!important;gap:var(--space-3);display:flex;align-items:center}@media only screen and (min-width:600px){.header .MuiToolbar-root{padding:0 var(--space-6)!important;gap:var(--space-4)}}.menu{z-index:1300!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--gray-200)!important;overflow:hidden!important}.menu div.language,.btn div.language{display:flex;flex-direction:row;align-items:center;gap:var(--space-2)}.menu div.language .flag{width:24px;height:24px;border-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}.btn div.language .flag{width:20px;height:20px;border-radius:var(--radius-sm)}.menu .menu-lnk{color:#fff!important;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.menu .menu-lnk:hover{color:#fffc!important}.side-menu li{cursor:pointer;transition:background-color var(--transition-fast);border-radius:var(--radius-sm);margin:var(--space-1)}.side-menu li:hover{background-color:var(--gray-100)}.side-menu .MuiListItem-root{padding:var(--space-3)}.side-menu .MuiListItemIcon-root{min-width:40px;color:#1565c0}.header-action{margin-right:20px}.header-desktop{display:none;flex-direction:row;flex:1;justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:nowrap;min-width:0;overflow:visible}@media only screen and (min-width:960px){.header-desktop{display:flex}}.header-mobile{display:none;gap:var(--space-2);flex-shrink:0}.header .btn{background-color:transparent!important;color:#fff!important;text-transform:none!important;border-radius:var(--radius-md)!important;font-weight:var(--font-weight-medium)!important;transition:all var(--transition-fast)!important;min-width:44px!important;min-height:44px!important;white-space:nowrap!important}.header .btn:hover{background-color:#fff3!important;color:#abe6de!important;transform:translateY(-1px)!important}.header .btn.bold{font-weight:var(--font-weight-bold)!important;padding:6px 12px!important;min-width:50px!important}.header .btn-auth{background-color:#ffffff26!important;border:1px solid rgba(255,255,255,.3)!important;padding:6px 12px!important;min-width:100px!important}.header .btn-auth:hover{background-color:#ffffff4d!important;border-color:#ffffff80!important}.header .btn-auth span.btn-auth-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header .logo{text-decoration:none;text-transform:none;background:transparent;font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:#fff!important;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-2)}.header .logo:hover{background-color:#ffffff1a;transform:scale(1.05);color:#90caf9e6!important}@media only screen and (width>=960px){.header{min-height:var(--header-height)}.header-desktop{flex-wrap:nowrap;gap:var(--space-4)}}@media only screen and (width<=960px){.header{min-height:var(--header-height-mobile)}.header .MuiToolbar-root{padding:0 var(--space-3)!important;gap:var(--space-2)}header .btn{padding:var(--space-1) var(--space-2)!important;min-width:0}.header-desktop{display:none}.header-mobile{display:flex;align-items:center;margin-right:-13px;gap:var(--space-1)}.toolbar{min-height:var(--header-height-mobile)!important}}@media only screen and (max-width:480px){.header .MuiToolbar-root{padding:0 var(--space-2)!important;gap:var(--space-2)}.header-mobile{gap:var(--space-1);margin-right:-8px}.header .btn{min-width:40px!important;min-height:40px!important;padding:4px 8px!important}.header .btn.bold{min-width:45px!important;padding:4px 8px!important;font-size:.75rem}}.side-menu{max-width:80vw!important}@media only screen and (max-width:600px){.side-menu{max-width:85vw!important}}@media only screen and (max-width:480px){.side-menu{max-width:90vw!important}}.chat-container{position:fixed!important;bottom:20px!important;left:20px!important;z-index:999999999!important;display:flex;flex-direction:column;align-items:center;gap:10px;margin:0!important;padding:0!important;pointer-events:auto!important}.chat-base-button{width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36666;transition:all .3s ease;font-size:24px;z-index:1000}.chat-base-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #25d36699}.chat-button{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:20px;transition:all .3s ease;opacity:0;transform:translateY(20px) scale(.8);position:absolute;left:0;box-shadow:0 2px 10px #0003}.chat-button.show{opacity:1;transform:translateY(0) scale(1);position:relative}.whatsapp-button{background:linear-gradient(135deg,#25d366,#128c7e);animation-delay:.1s}.whatsapp-button:hover{transform:scale(1.1);box-shadow:0 4px 15px #25d36680}.call-button-1{background:linear-gradient(135deg,#ea4335,#d33b2c);animation-delay:.2s}.call-button-1:hover{transform:scale(1.1);box-shadow:0 4px 15px #ea433580}.call-button-2{background:linear-gradient(135deg,#4285f4,#1a73e8);animation-delay:.3s}.call-button-2:hover{transform:scale(1.1);box-shadow:0 4px 15px #4285f480}.chat-button.show{animation:slideUp .3s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media only screen and (max-width:768px){.chat-container{bottom:15px;left:15px}.chat-base-button{width:55px;height:55px;font-size:22px}.chat-button{width:45px;height:45px;font-size:18px}}:root{--primary-50: #E3F2FD;--primary-100: #BBDEFB;--primary-200: #90CAF9;--primary-300: #64B5F6;--primary-400: #42A5F5;--primary-500: #1565C0;--primary-600: #1E88E5;--primary-700: #0D47A1;--primary-800: #0A3880;--primary-900: #1A237E;--accent-50: #FFEBEE;--accent-100: #FFCDD2;--accent-200: #EF9A9A;--accent-300: #E57373;--accent-400: #EF5350;--accent-500: #E53935;--accent-600: #C62828;--accent-700: #B71C1C;--accent-800: #8E0000;--accent-900: #6D0000;--white: #FFFFFF;--gray-50: #F7F9FC;--gray-100: #F1F3F4;--gray-200: #E8EAED;--gray-300: #DADCE0;--gray-400: #BDC1C6;--gray-500: #9AA0A6;--gray-600: #6C757D;--gray-700: #5F6368;--gray-800: #3C4043;--gray-900: #1E1E1E;--success-50: #E8F5E8;--success-500: #00C853;--success-600: #00B248;--warning-50: #FFF8E1;--warning-500: #FFD600;--warning-600: #FFC400;--error-50: #FFEBEE;--error-500: #FF1744;--error-600: #D50000;--info-50: #E3F2FD;--info-500: #2979FF;--info-600: #2962FF;--font-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-secondary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Monaco", "Cascadia Code", monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--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-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-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--btn-height-sm: 2rem;--btn-height-md: 2.5rem;--btn-height-lg: 3rem;--btn-padding-x-sm: .75rem;--btn-padding-x-md: 1rem;--btn-padding-x-lg: 1.5rem;--card-padding: 1.5rem;--card-border: 1px solid var(--gray-200);--card-radius: var(--radius-lg);--input-height: 2.5rem;--input-padding-x: .75rem;--input-border: 1px solid var(--gray-300);--input-border-focus: 2px solid var(--primary-500);--input-radius: var(--radius-md);--header-height: 4rem;--header-height-mobile: 3.5rem;--container-max-width: 1200px;--container-padding: 1rem;--gradient-primary: linear-gradient(135deg, #1565C0, #0D47A1);--gradient-accent: linear-gradient(135deg, var(--accent-500), var(--accent-600));--gradient-hero: linear-gradient(135deg, #1565C0 0%, #0D47A1 50%, #1A237E 100%);--gradient-card: linear-gradient(145deg, var(--white) 0%, var(--gray-50) 100%);--gradient-overlay: linear-gradient(135deg, rgba(21, 101, 192, .92), rgba(13, 71, 161, .85));--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .18);--glass-backdrop: blur(10px);--shadow-premium: 0 20px 40px rgba(21, 101, 192, .1), 0 8px 16px rgba(21, 101, 192, .06);--shadow-card-hover: 0 25px 50px rgba(21, 101, 192, .15), 0 10px 20px rgba(21, 101, 192, .1);--shadow-button: 0 4px 12px rgba(21, 101, 192, .3);--shadow-button-hover: 0 6px 16px rgba(21, 101, 192, .4);--border-premium: 1px solid rgba(21, 101, 192, .12);--border-accent: 1px solid rgba(30, 136, 229, .2);--border-gradient: linear-gradient(135deg, var(--primary-200), var(--primary-300));--space-section: 6rem;--space-hero: 8rem;--space-card: 2rem;--space-form: 1.5rem;--text-hero: clamp(2.5rem, 5vw, 4rem);--text-section: clamp(1.5rem, 3vw, 2.5rem);--text-card-title: clamp(1.125rem, 2vw, 1.5rem);--animation-bounce: cubic-bezier(.68, -.55, .265, 1.55);--animation-smooth: cubic-bezier(.4, 0, .2, 1);--animation-spring: cubic-bezier(.175, .885, .32, 1.275);--transition-premium: all .3s var(--animation-smooth);--transition-bounce: all .4s var(--animation-bounce);--transition-spring: all .5s var(--animation-spring);--sporty-red: #E53935;--sporty-blue: #1565C0;--sporty-white: #FFFFFF}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop)}.glass-dark{background:#0006;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.hover-premium{transition:var(--transition-premium)}.hover-premium:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-premium)}.text-gradient-sporty{background:linear-gradient(135deg,var(--primary-600),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:var(--font-weight-bold)}@media(min-width:640px){:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem}}@media(min-width:768px){:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem}}@media(min-width:1024px){:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem}}.text-primary{color:var(--primary-500)!important}.text-accent{color:var(--accent-500)!important}.text-gray-500{color:var(--gray-500)!important}.text-gray-600{color:var(--gray-600)!important}.text-gray-700{color:var(--gray-700)!important}.text-gray-800{color:var(--gray-800)!important}.text-gray-900{color:var(--gray-900)!important}.bg-primary{background-color:var(--primary-500)!important}.bg-accent{background-color:var(--accent-500)!important}.bg-gray-50{background-color:var(--gray-50)!important}.bg-gray-100{background-color:var(--gray-100)!important}.bg-white{background-color:var(--white)!important}.border-primary{border-color:var(--primary-500)!important}.border-accent{border-color:var(--accent-500)!important}.border-gray-200{border-color:var(--gray-200)!important}.border-gray-300{border-color:var(--gray-300)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.transition-fast{transition:all var(--transition-fast)!important}.transition-normal{transition:all var(--transition-normal)!important}.transition-slow{transition:all var(--transition-slow)!important}.focus-ring{outline:2px solid transparent;outline-offset:2px}.focus-ring:focus{outline:2px solid var(--primary-500);outline-offset:2px}@media(min-width:640px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.p-0{padding:var(--space-0)}.p-5{padding:var(--space-5)}.m-0{margin:var(--space-0)}.m-5{margin:var(--space-5)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}@media(max-width:639px){.sm\:hidden{display:none!important}.sm\:block{display:block!important}}@media(max-width:767px){.md\:hidden{display:none!important}.md\:block{display:block!important}}@media(max-width:1023px){.lg\:hidden{display:none!important}.lg\:block{display:block!important}}.animate-scale{animation:scale .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-glow:hover{box-shadow:0 0 20px #1565c04d}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.card-premium{background:var(--gradient-card);border:var(--border-premium);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);transition:var(--transition-premium);overflow:hidden}.card-premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-200)}.btn-premium{background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-8);font-weight:var(--font-weight-semibold);font-size:var(--text-lg);box-shadow:var(--shadow-button);transition:var(--transition-premium);position:relative;overflow:hidden}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-premium:hover:before{left:100%}.btn-premium:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.btn-premium:active{transform:translateY(0)}.input-premium{background:var(--white);border:var(--border-premium);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-base);transition:var(--transition-premium);box-shadow:var(--shadow-sm)}.input-premium:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #dc143c1a;transform:translateY(-1px)}.nav-premium{background:var(--white);border-bottom:var(--border-premium);box-shadow:var(--shadow-sm);backdrop-filter:var(--glass-backdrop);transition:var(--transition-premium)}.nav-premium.scrolled{background:var(--glass-bg);box-shadow:var(--shadow-md)}.hero-premium{background:var(--gradient-hero);position:relative;overflow:hidden}.hero-premium>*{position:relative;z-index:2}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #1565c04d}50%{box-shadow:0 0 30px #1565c099}}@keyframes slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-slide-in-left{animation:slide-in-left .6s ease-out}.animate-slide-in-right{animation:slide-in-right .6s ease-out}.animate-fade-in-up{animation:fade-in-up .8s ease-out}.grid-premium{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(min-width:768px){.grid-premium{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media(min-width:1024px){.grid-premium{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.section-spacing{padding:var(--space-section) 0}.hero-spacing{padding:var(--space-hero) 0}.card-spacing{padding:var(--space-card)}.form-spacing{padding:var(--space-form)}.text-hero{font-size:var(--text-hero)}.text-section{font-size:var(--text-section)}.text-card-title{font-size:var(--text-card-title)}.focus-premium:focus{outline:none;box-shadow:0 0 0 3px #1565c033;border-color:var(--primary-500)}.loading-shimmer{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-600)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:var(--font-weight-medium);text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;white-space:nowrap;user-select:none;outline:none}.btn:focus{outline:2px solid var(--primary-200);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-sm{height:var(--btn-height-sm);padding:0 var(--btn-padding-x-sm);font-size:var(--text-sm);gap:var(--space-2)}.btn-md{height:var(--btn-height-md);padding:0 var(--btn-padding-x-md);font-size:var(--text-base);gap:var(--space-2)}.btn-lg{height:var(--btn-height-lg);padding:0 var(--btn-padding-x-lg);font-size:var(--text-lg);gap:var(--space-3)}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--primary-600)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-accent{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--accent-600)}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-600),var(--accent-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-accent:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-outline{background:transparent;color:var(--primary-500);border:2px solid var(--primary-500);box-shadow:none}.btn-outline:hover:not(:disabled){background:var(--primary-500);color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--gray-600);border:none;box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-800);transform:translateY(-1px)}.btn-ghost:active:not(:disabled){transform:translateY(0)}.btn-link{background:transparent;color:var(--primary-500);border:none;box-shadow:none;text-decoration:underline;padding:var(--space-1) var(--space-2);height:auto}.btn-link:hover:not(:disabled){color:var(--primary-600);background:var(--primary-50);text-decoration:none;transform:none}.btn-link:active:not(:disabled){transform:none}.btn-success{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--success-600)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--success-600),#047857);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--warning-600)}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,var(--warning-600),#F59E0B);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-error{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--error-600)}.btn-error:hover:not(:disabled){background:linear-gradient(135deg,var(--error-600),#DC2626);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-icon{gap:var(--space-2)}.btn-icon svg{width:1.25em;height:1.25em;flex-shrink:0}.btn-loading{position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:button-loading-spinner 1s ease infinite}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.btn-group{display:inline-flex;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.btn-group .btn{border-radius:0;border-right:1px solid rgba(255,255,255,.2)}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right:none}.btn-group .btn:only-child{border-radius:var(--radius-md)}.btn-fab{width:56px;height:56px;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-fixed)}.btn-fab:hover:not(:disabled){transform:scale(1.1);box-shadow:var(--shadow-xl)}@media(max-width:640px){.btn{width:100%;justify-content:center}.btn-group{width:100%;flex-direction:column}.btn-group .btn{border-radius:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.2)}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);border-bottom-left-radius:0}.btn-group .btn:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-top-right-radius:0;border-bottom:none}}.btn-animate-bounce:hover:not(:disabled){animation:button-bounce .6s ease}@keyframes button-bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-4px)}80%{transform:translateY(-2px)}}.btn-animate-pulse:hover:not(:disabled){animation:button-pulse 1.5s ease-in-out infinite}@keyframes button-pulse{0%{box-shadow:0 0 #0047ff66}70%{box-shadow:0 0 0 10px #0047ff00}to{box-shadow:0 0 #0047ff00}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-ripple:active:before{width:300px;height:300px}.btn-sheen{position:relative;overflow:hidden}.btn-sheen:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0 0% 40%,#fff6 50%,#fff0 60% 100%);transform:rotate(45deg);transition:all .6s;pointer-events:none}.btn-sheen:hover:after{animation:sheen 1s forwards}@keyframes sheen{0%{transform:scale(0) rotate(45deg);opacity:0}80%{transform:scale(0) rotate(45deg);opacity:.5}to{transform:scale(4) rotate(45deg);opacity:0}}.btn-primary,.btn-accent{composes:btn-sheen}.form-container{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);border:1px solid var(--gray-200);max-width:500px;width:100%;margin:0 auto}.form-container h2{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);text-align:center}.form-group{margin-bottom:var(--space-6)}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-weight:var(--font-weight-medium);color:var(--gray-700);margin-bottom:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-tight)}.form-label.required:after{content:" *";color:var(--accent-500);font-weight:var(--font-weight-bold)}.form-input{width:100%;height:var(--input-height);padding:0 var(--input-padding-x);border:var(--input-border);border-radius:var(--input-radius);font-size:var(--text-base);font-family:var(--font-primary);color:var(--gray-900);background-color:var(--white);transition:all var(--transition-fast);box-sizing:border-box}.form-input:focus{outline:none;border:var(--input-border-focus);box-shadow:0 0 0 3px #0047ff1a}.form-input:disabled{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.form-input::placeholder{color:var(--gray-400)}.form-input.error{border-color:var(--error-500);box-shadow:0 0 0 3px #f443361a}.form-input.success{border-color:var(--success-500);box-shadow:0 0 0 3px #07ac511a}.form-textarea{width:100%;min-height:120px;padding:var(--space-3) var(--input-padding-x);border:var(--input-border);border-radius:var(--input-radius);font-size:var(--text-base);font-family:var(--font-primary);color:var(--gray-900);background-color:var(--white);transition:all var(--transition-fast);resize:vertical;box-sizing:border-box}.form-textarea:focus{outline:none;border:var(--input-border-focus);box-shadow:0 0 0 3px #0047ff1a}.form-select{width:100%;height:var(--input-height);padding:0 var(--input-padding-x);border:var(--input-border);border-radius:var(--input-radius);font-size:var(--text-base);font-family:var(--font-primary);color:var(--gray-900);background-color:var(--white);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;transition:all var(--transition-fast);appearance:none;cursor:pointer}.form-select:focus{outline:none;border:var(--input-border-focus);box-shadow:0 0 0 3px #0047ff1a}.form-checkbox{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;user-select:none}.form-checkbox input[type=checkbox]{width:20px;height:20px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);background-color:var(--white);cursor:pointer;transition:all var(--transition-fast);appearance:none;position:relative}.form-checkbox input[type=checkbox]:checked{background-color:var(--primary-500);border-color:var(--primary-500)}.form-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-size:14px;font-weight:700}.form-checkbox input[type=checkbox]:focus{outline:2px solid var(--primary-200);outline-offset:2px}.form-checkbox-label{font-size:var(--text-sm);color:var(--gray-700);line-height:var(--leading-normal)}.form-radio{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;user-select:none}.form-radio input[type=radio]{width:20px;height:20px;border:2px solid var(--gray-300);border-radius:var(--radius-full);background-color:var(--white);cursor:pointer;transition:all var(--transition-fast);appearance:none;position:relative}.form-radio input[type=radio]:checked{background-color:var(--primary-500);border-color:var(--primary-500)}.form-radio input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--white)}.form-radio input[type=radio]:focus{outline:2px solid var(--primary-200);outline-offset:2px}.form-help{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-1);line-height:var(--leading-normal)}.form-error{font-size:var(--text-sm);color:var(--error-500);margin-top:var(--space-1);line-height:var(--leading-normal);display:flex;align-items:center;gap:var(--space-1)}.form-error:before{content:"⚠";font-size:16px}.form-success{font-size:var(--text-sm);color:var(--success-500);margin-top:var(--space-1);line-height:var(--leading-normal);display:flex;align-items:center;gap:var(--space-1)}.form-success:before{content:"✓";font-size:16px;font-weight:700}.form-input-group{position:relative;display:flex;align-items:center}.form-input-group .form-input{padding-right:2.5rem}.form-input-group-icon{position:absolute;right:var(--space-3);color:var(--gray-400);pointer-events:none;z-index:1}.form-input-group .form-input:focus+.form-input-group-icon{color:var(--primary-500)}.form-search{position:relative}.form-search .form-input{padding-left:2.5rem}.form-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.form-search .form-input:focus+.form-search-icon{color:var(--primary-500)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.form-actions .btn{flex:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-section{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-200)}.form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:var(--space-4)}.form-floating{position:relative}.form-floating .form-input{padding-top:1.5rem;padding-bottom:.5rem}.form-floating .form-label{position:absolute;top:.75rem;left:var(--input-padding-x);font-size:var(--text-base);color:var(--gray-500);pointer-events:none;transition:all var(--transition-fast);transform-origin:0 0}.form-floating .form-input:focus+.form-label,.form-floating .form-input:not(:placeholder-shown)+.form-label{transform:scale(.85) translateY(-.5rem) translate(.15rem);color:var(--primary-500)}.form-group.has-error .form-label{color:var(--error-500)}.form-group.has-success .form-label{color:var(--success-500)}@media(max-width:640px){.form-container{padding:var(--space-6);margin:var(--space-4)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.form-loading{position:relative;pointer-events:none;opacity:.7}.form-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--gray-300);border-top-color:var(--primary-500);border-radius:50%;animation:form-loading-spinner 1s linear infinite}@keyframes form-loading-spinner{to{transform:rotate(360deg)}}.card{background:var(--white);border-radius:var(--card-radius);box-shadow:var(--shadow-md);border:var(--card-border);overflow:hidden;transition:all var(--transition-normal);position:relative}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.card-elevated{box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-2xl)}.card-outlined{box-shadow:none;border:2px solid var(--gray-200)}.card-outlined:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.card-flat{box-shadow:none;border:1px solid var(--gray-200)}.card-flat:hover{box-shadow:var(--shadow-sm)}.card-header{padding:var(--space-6) var(--space-6) 0;border-bottom:1px solid var(--gray-200);background:var(--white)}.card-header:last-child{padding-bottom:var(--space-6);border-bottom:none}.card-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.card-subtitle{font-size:var(--text-sm);color:var(--gray-600);margin:0;line-height:var(--leading-normal)}.card-actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.card-body{padding:var(--space-6);flex:1}.card-body:first-child{padding-top:var(--space-6)}.card-body:last-child{padding-bottom:var(--space-6)}.card-footer{padding:0 var(--space-6) var(--space-6);border-top:1px solid var(--gray-200);background:var(--gray-50);margin-top:auto}.card-footer:first-child{padding-top:var(--space-6)}.card-image{width:100%;height:200px;object-fit:cover;display:block}.card-image-container{position:relative;overflow:hidden}.card-image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,0,0,.7) 100%);display:flex;align-items:flex-end;padding:var(--space-4)}.card-image-overlay .card-title{color:var(--white);margin:0}.card-badge{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--accent-500);color:var(--white);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;z-index:1}.card-badge-primary{background:var(--primary-500)}.card-badge-success{background:var(--success-500)}.card-badge-warning{background:var(--warning-500)}.card-badge-error{background:var(--error-500)}.card-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.card-stat{text-align:center}.card-stat-value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--primary-500);display:block;line-height:1}.card-stat-label{font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-1);display:block}.card-list{list-style:none;padding:0;margin:0}.card-list-item{display:flex;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--gray-200)}.card-list-item:last-child{border-bottom:none}.card-list-item-icon{width:40px;height:40px;background:var(--primary-50);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-right:var(--space-3);color:var(--primary-500)}.card-list-item-content{flex:1}.card-list-item-title{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--gray-900);margin:0 0 var(--space-1) 0}.card-list-item-subtitle{font-size:var(--text-sm);color:var(--gray-600);margin:0}.card-list-item-action{margin-left:var(--space-3)}.card-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-grid-2{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card-grid-3{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card-grid-4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card-sm{max-width:300px}.card-md{max-width:400px}.card-lg{max-width:500px}.card-xl{max-width:600px}.card-full{width:100%;max-width:none}.card-interactive{cursor:pointer;user-select:none}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.card-interactive:active{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-loading{position:relative;overflow:hidden}.card-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:card-loading-shimmer 1.5s infinite}@keyframes card-loading-shimmer{0%{left:-100%}to{left:100%}}.card-skeleton{background:var(--gray-100);border-radius:var(--card-radius);padding:var(--space-6);animation:card-skeleton-pulse 1.5s ease-in-out infinite}.card-skeleton-line{height:16px;background:var(--gray-200);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.card-skeleton-line:last-child{margin-bottom:0}.card-skeleton-line.short{width:60%}.card-skeleton-line.medium{width:80%}@keyframes card-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.card-avatar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.card-avatar-image{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover}.card-avatar-content{flex:1}.card-avatar-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0 0 var(--space-1) 0}.card-avatar-title{font-size:var(--text-sm);color:var(--gray-600);margin:0}.card-progress{margin-top:var(--space-4)}.card-progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.card-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-full);transition:width var(--transition-normal)}.card-progress-text{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--gray-600)}@media(max-width:768px){.card-grid{grid-template-columns:1fr;gap:var(--space-4)}.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}.card-header,.card-body,.card-footer{padding:var(--space-4)}.card-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.card-stats{grid-template-columns:1fr}.card-actions{flex-direction:column}.card-actions .btn{width:100%}}.card-tabs{border-bottom:1px solid var(--gray-200);margin:0 var(--space-6);display:flex}.card-tab{padding:var(--space-3) var(--space-4);border-bottom:2px solid transparent;color:var(--gray-600);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.card-tab:hover{color:var(--gray-900);background:var(--gray-50)}.card-tab.active{color:var(--primary-500);border-bottom-color:var(--primary-500)}.card-tab-content{padding:var(--space-6)}.card-divider{height:1px;background:var(--gray-200);margin:var(--space-4) 0}.card-quote{border-left:4px solid var(--primary-500);padding-left:var(--space-4);font-style:italic;color:var(--gray-700);margin:var(--space-4) 0}.card-quote-author{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--gray-600);font-style:normal}.card-premium{background:#fffc;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-premium);transition:all .4s var(--animation-smooth)}.card-premium:hover{transform:translateY(-8px) scale(1.02);background:var(--white);box-shadow:var(--shadow-card-hover);border-color:var(--primary-300)}.card-premium:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));opacity:0;transition:opacity .3s ease}.card-premium:hover:before{opacity:1}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.container-fluid{width:100%;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-auto{overflow-y:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-min{min-width:min-content}.min-w-max{min-width:max-content}.min-w-fit{min-width:fit-content}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-min{min-height:min-content}.min-h-max{min-height:max-content}.min-h-fit{min-height:fit-content}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pl-0{padding-left:0}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.pr-0{padding-right:0}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}@media(min-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:text-sm{font-size:var(--text-sm)}.sm\:text-base{font-size:var(--text-base)}.sm\:text-lg{font-size:var(--text-lg)}.sm\:text-xl{font-size:var(--text-xl)}.sm\:text-2xl{font-size:var(--text-2xl)}.sm\:text-3xl{font-size:var(--text-3xl)}.sm\:text-4xl{font-size:var(--text-4xl)}}@media(min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex{display:flex}.md\:hidden{display:none}.md\:block{display:block}.md\:text-sm{font-size:var(--text-sm)}.md\:text-base{font-size:var(--text-base)}.md\:text-lg{font-size:var(--text-lg)}.md\:text-xl{font-size:var(--text-xl)}.md\:text-2xl{font-size:var(--text-2xl)}.md\:text-3xl{font-size:var(--text-3xl)}.md\:text-4xl{font-size:var(--text-4xl)}.md\:text-5xl{font-size:var(--text-5xl)}}@media(min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:text-sm{font-size:var(--text-sm)}.lg\:text-base{font-size:var(--text-base)}.lg\:text-lg{font-size:var(--text-lg)}.lg\:text-xl{font-size:var(--text-xl)}.lg\:text-2xl{font-size:var(--text-2xl)}.lg\:text-3xl{font-size:var(--text-3xl)}.lg\:text-4xl{font-size:var(--text-4xl)}.lg\:text-5xl{font-size:var(--text-5xl)}.lg\:text-6xl{font-size:var(--text-6xl)}}@media(min-width:1280px){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:block{display:block}}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-24) 0}.section-xl{padding:var(--space-32) 0}.hero{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--white);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;max-width:800px;padding:0 var(--space-6)}.hero-title{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);line-height:var(--leading-tight)}.hero-subtitle{font-size:var(--text-xl);font-weight:var(--font-weight-normal);margin-bottom:var(--space-8);opacity:.9;line-height:var(--leading-relaxed)}.sidebar-layout{display:grid;grid-template-columns:300px 1fr;min-height:100vh;gap:0}.sidebar{background:var(--white);border-right:1px solid var(--gray-200);padding:var(--space-6);overflow-y:auto}.main-content{padding:var(--space-6);overflow-y:auto}@media(max-width:768px){.sidebar-layout{grid-template-columns:1fr}.sidebar{display:none}}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}@media(max-width:768px){.two-column{grid-template-columns:1fr;gap:var(--space-6)}}.three-column{display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--space-8);align-items:start}@media(max-width:1024px){.three-column{grid-template-columns:1fr;gap:var(--space-6)}}.centered{max-width:800px;margin:0 auto;padding:0 var(--space-6)}.centered-sm{max-width:600px;margin:0 auto;padding:0 var(--space-6)}.centered-lg{max-width:1000px;margin:0 auto;padding:0 var(--space-6)}.full-width{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.sticky-top{position:sticky;top:0;z-index:var(--z-sticky)}.sticky-bottom{position:sticky;bottom:0;z-index:var(--z-sticky)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}.aspect-3-2{aspect-ratio:3 / 2}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.object-fill{object-fit:fill}.object-scale-down{object-fit:scale-down}.img-responsive{max-width:100%;height:auto;display:block}.img-fluid{width:100%;height:auto;display:block}@media print{.no-print{display:none!important}.print-only{display:block!important}.container{max-width:none;padding:0}.card{box-shadow:none;border:1px solid var(--gray-300)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes scaleDown{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes bounceOut{0%{transform:scale(1);opacity:1}25%{transform:scale(.95)}50%{transform:scale(1.1);opacity:1}to{transform:scale(.3);opacity:0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes rotateOut{0%{transform:rotate(0);opacity:1}to{transform:rotate(200deg);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0047ff66}50%{box-shadow:0 0 0 10px #0047ff00}}@keyframes pulseColor{0%,to{background-color:var(--primary-500)}50%{background-color:var(--primary-600)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes wobble{0%{transform:translate(0)}15%{transform:translate(-25%) rotate(-5deg)}30%{transform:translate(20%) rotate(3deg)}45%{transform:translate(-15%) rotate(-3deg)}60%{transform:translate(10%) rotate(2deg)}75%{transform:translate(-5%) rotate(-1deg)}to{transform:translate(0)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress{0%{width:0%}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:transparent}51%,to{border-color:var(--primary-500)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #0047ff80}50%{box-shadow:0 0 20px #0047ffcc,0 0 30px #0047ff99}}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-fade-out{animation:fadeOut .5s ease-in-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-slide-down{animation:slideDown .3s ease-out}.animate-slide-left{animation:slideLeft .3s ease-out}.animate-slide-right{animation:slideRight .3s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-scale-out{animation:scaleOut .3s ease-out}.animate-bounce{animation:bounce 1s infinite}.animate-bounce-in{animation:bounceIn .6s ease-out}.animate-bounce-out{animation:bounceOut .6s ease-out}.animate-rotate{animation:rotate 1s linear infinite}.animate-rotate-in{animation:rotateIn .6s ease-out}.animate-rotate-out{animation:rotateOut .6s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-pulse-glow{animation:pulseGlow 2s infinite}.animate-pulse-color{animation:pulseColor 2s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-wobble{animation:wobble 1s ease-in-out}.animate-wiggle{animation:wiggle 1s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spinSlow 3s linear infinite}.animate-progress{animation:progress 2s ease-out}.animate-typing{animation:typing 3s steps(40,end),blink .75s step-end infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-sm{transition:transform var(--transition-normal)}.hover-scale-sm:hover{transform:scale(1.02)}.hover-rotate{transition:transform var(--transition-normal)}.hover-rotate:hover{transform:rotate(5deg)}.hover-rotate-reverse{transition:transform var(--transition-normal)}.hover-rotate-reverse:hover{transform:rotate(-5deg)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:0 0 20px #0047ff66}.hover-glow-accent{transition:box-shadow var(--transition-normal)}.hover-glow-accent:hover{box-shadow:0 0 20px #ff3b3066}.hover-bounce{transition:transform var(--transition-normal)}.hover-bounce:hover{animation:bounce .6s ease-in-out}.hover-wiggle{transition:transform var(--transition-normal)}.hover-wiggle:hover{animation:wiggle .6s ease-in-out}.hover-pulse{transition:transform var(--transition-normal)}.hover-pulse:hover{animation:pulse 1s ease-in-out infinite}.focus-ring{transition:box-shadow var(--transition-fast)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #0047ff4d}.focus-scale{transition:transform var(--transition-fast)}.focus-scale:focus{transform:scale(1.02)}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.duration-75{animation-duration:75ms}.duration-100{animation-duration:.1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}.ease-linear{animation-timing-function:linear}.ease-in{animation-timing-function:ease-in}.ease-out{animation-timing-function:ease-out}.ease-in-out{animation-timing-function:ease-in-out}.fill-forwards{animation-fill-mode:forwards}.fill-backwards{animation-fill-mode:backwards}.fill-both{animation-fill-mode:both}.animate-once{animation-iteration-count:1}.animate-twice{animation-iteration-count:2}.animate-infinite{animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-bounce,.animate-pulse,.animate-spin,.animate-float,.animate-glow{animation:none}.hover-lift:hover,.hover-scale:hover,.hover-scale-sm:hover{transform:none}}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}.navbar-premium{position:sticky;top:0;z-index:var(--z-sticky);background:var(--white);border-bottom:var(--border-premium);box-shadow:var(--shadow-sm);backdrop-filter:var(--glass-backdrop);transition:var(--transition-premium);height:var(--header-height)}.navbar-premium.scrolled{background:var(--glass-bg);box-shadow:var(--shadow-md);height:calc(var(--header-height) - 8px)}.navbar-premium .container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-6)}.navbar-premium .logo{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--primary-500);text-decoration:none;transition:var(--transition-premium);font-family:var(--font-primary)}.navbar-premium .logo:hover{color:var(--primary-600);transform:scale(1.05)}.navbar-premium .nav-links{display:flex;align-items:center;gap:var(--space-8);list-style:none;margin:0;padding:0}.navbar-premium .nav-links a{color:var(--gray-700);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--text-base);transition:var(--transition-premium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.navbar-premium .nav-links a:hover{color:var(--primary-500);background:var(--primary-50);transform:translateY(-1px)}.navbar-premium .nav-actions{display:flex;align-items:center;gap:var(--space-4)}.navbar-premium .btn-login{color:var(--gray-700);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:var(--transition-premium)}.navbar-premium .btn-login:hover{color:var(--primary-500);background:var(--primary-50)}.navbar-premium .btn-signup{background:var(--gradient-primary);color:var(--white);text-decoration:none;font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-button);transition:var(--transition-premium)}.navbar-premium .btn-signup:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.navbar-premium .mobile-menu-toggle{display:none;background:none;border:none;color:var(--gray-700);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-premium)}.navbar-premium .mobile-menu-toggle:hover{color:var(--primary-500);background:var(--primary-50)}.navbar-premium .mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--white);border-top:var(--border-premium);box-shadow:var(--shadow-lg);padding:var(--space-6);display:none;flex-direction:column;gap:var(--space-4)}.navbar-premium .mobile-menu.active{display:flex}@media(max-width:768px){.navbar-premium .nav-links{display:none}.navbar-premium .mobile-menu-toggle{display:block}.navbar-premium .nav-actions{gap:var(--space-2)}.navbar-premium .btn-signup{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}}.hero-premium{position:relative;min-height:80vh;display:flex;align-items:center;background:var(--gradient-hero);overflow:hidden}.hero-premium:before{content:"";position:absolute;inset:0;background:var(--gradient-overlay);z-index:1}.hero-premium .container{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center;min-height:80vh}.hero-premium .hero-content{text-align:center;color:var(--white)}.hero-premium .hero-title{font-size:var(--text-hero);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--space-6);text-shadow:0 4px 8px rgba(0,0,0,.3);animation:fade-in-up 1s ease-out}.hero-premium .hero-subtitle{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.6;margin-bottom:var(--space-8);opacity:.95;animation:fade-in-up 1s ease-out .2s both}.hero-premium .hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;animation:fade-in-up 1s ease-out .4s both}.hero-premium .btn-primary{background:var(--white);color:var(--primary-500);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--text-lg);text-decoration:none;box-shadow:var(--shadow-xl);transition:var(--transition-premium);border:none;cursor:pointer}.hero-premium .btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-2xl);color:var(--primary-600)}.hero-premium .btn-secondary{background:transparent;color:var(--white);padding:var(--space-4) var(--space-8);border:2px solid var(--white);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--text-lg);text-decoration:none;transition:var(--transition-premium);cursor:pointer}.hero-premium .btn-secondary:hover{background:var(--white);color:var(--primary-500);transform:translateY(-3px)}@media(min-width:768px){.hero-premium .container{grid-template-columns:1fr 1fr;text-align:left}.hero-premium .hero-content{text-align:left}.hero-premium .hero-cta{justify-content:flex-start}}.booking-card-premium{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);border:var(--border-premium);overflow:hidden;transition:var(--transition-premium);position:relative}.booking-card-premium:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-200)}.booking-card-premium .card-image{position:relative;height:200px;overflow:hidden}.booking-card-premium .card-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-premium)}.booking-card-premium:hover .card-image img{transform:scale(1.05)}.booking-card-premium .card-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--gradient-accent);color:var(--white);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.booking-card-premium .card-content{padding:var(--space-6)}.booking-card-premium .card-title{font-size:var(--text-card-title);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-2);line-height:1.3}.booking-card-premium .card-subtitle{color:var(--gray-600);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.5}.booking-card-premium .card-features{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.booking-card-premium .feature-tag{background:var(--primary-50);color:var(--primary-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.booking-card-premium .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.booking-card-premium .price{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--primary-500)}.booking-card-premium .price-period{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-weight-normal)}.booking-card-premium .btn-book{background:var(--gradient-primary);color:var(--white);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--text-base);cursor:pointer;transition:var(--transition-premium);box-shadow:var(--shadow-button)}.booking-card-premium .btn-book:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.search-form-premium{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:var(--border-premium);padding:var(--space-8);margin:var(--space-8) 0;position:relative;overflow:hidden}.search-form-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.search-form-premium .form-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-6);text-align:center}.search-form-premium .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.search-form-premium .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.search-form-premium .form-label{font-weight:var(--font-weight-semibold);color:var(--gray-700);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}.search-form-premium .form-input{background:var(--white);border:var(--border-premium);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-base);transition:var(--transition-premium);box-shadow:var(--shadow-sm)}.search-form-premium .form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0057ff1a;transform:translateY(-1px)}.search-form-premium .form-select{background:var(--white);border:var(--border-premium);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-base);transition:var(--transition-premium);box-shadow:var(--shadow-sm);cursor:pointer}.search-form-premium .form-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0057ff1a}.search-form-premium .form-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.search-form-premium .btn-search{background:var(--gradient-primary);color:var(--white);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-premium);box-shadow:var(--shadow-button);min-width:200px}.search-form-premium .btn-search:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.search-form-premium .btn-clear{background:transparent;color:var(--gray-600);border:2px solid var(--gray-300);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-premium);min-width:200px}.search-form-premium .btn-clear:hover{color:var(--gray-800);border-color:var(--gray-400);transform:translateY(-2px)}@media(max-width:768px){.search-form-premium{padding:var(--space-6);margin:var(--space-4) 0}.search-form-premium .form-grid{grid-template-columns:1fr;gap:var(--space-4)}.search-form-premium .form-actions{flex-direction:column}.search-form-premium .btn-search,.search-form-premium .btn-clear{width:100%}}.footer-premium{background:linear-gradient(135deg,var(--gray-900),var(--gray-800));color:var(--white);padding:var(--space-section) 0 var(--space-8) 0;margin-top:var(--space-section)}.footer-premium .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-bottom:var(--space-8)}.footer-premium .footer-section h3{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--white);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--primary-500)}.footer-premium .footer-section ul{list-style:none;padding:0;margin:0}.footer-premium .footer-section ul li{margin-bottom:var(--space-2)}.footer-premium .footer-section ul li a{color:var(--gray-300);text-decoration:none;transition:var(--transition-premium);font-size:var(--text-sm)}.footer-premium .footer-section ul li a:hover{color:var(--primary-400);transform:translate(var(--space-1))}.footer-premium .footer-bottom{border-top:1px solid var(--gray-700);padding-top:var(--space-6);text-align:center;color:var(--gray-400);font-size:var(--text-sm)}.footer-premium .social-links{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6)}.footer-premium .social-links a{color:var(--gray-400);font-size:var(--text-xl);transition:var(--transition-premium);padding:var(--space-2);border-radius:var(--radius-md)}.footer-premium .social-links a:hover{color:var(--primary-400);background:var(--primary-900);transform:translateY(-2px)}.modal-premium{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:var(--transition-premium)}.modal-premium.active{opacity:1;visibility:visible}.modal-premium .modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:var(--transition-premium)}.modal-premium.active .modal-content{transform:scale(1)}.modal-premium .modal-header{padding:var(--space-6);border-bottom:var(--border-premium);display:flex;justify-content:space-between;align-items:center}.modal-premium .modal-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--gray-900)}.modal-premium .modal-close{background:none;border:none;font-size:var(--text-xl);color:var(--gray-500);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-premium)}.modal-premium .modal-close:hover{color:var(--gray-700);background:var(--gray-100)}.modal-premium .modal-body{padding:var(--space-6)}.modal-premium .modal-footer{padding:var(--space-6);border-top:var(--border-premium);display:flex;gap:var(--space-4);justify-content:flex-end}.loading-skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.hero-premium .hero-title{font-size:var(--text-4xl)}.hero-premium .hero-subtitle{font-size:var(--text-lg)}.booking-card-premium .card-content,.search-form-premium{padding:var(--space-4)}}@media(min-width:1024px){.hero-premium .hero-title{font-size:var(--text-6xl)}.booking-card-premium{max-width:400px}}:root{--toastify-color-progress-info: #fff !important;--toastify-color-progress-bgo: .6 !important;--toastify-icon-color-info: #fff !important}.grecaptcha-badge{visibility:hidden!important}.leaflet-control-attribution{display:none!important}#nprogress .bar{background:var(--primary-500)!important;height:3px!important}.buttons button{margin-right:15px;margin-left:0!important}.btn-primary{background-color:var(--primary-500)!important;color:var(--white)!important;border:none!important;border-radius:var(--radius-md)!important;font-weight:var(--font-weight-medium)!important;transition:all var(--transition-normal)!important;box-shadow:var(--shadow-sm)!important}.btn-primary:hover{background-color:var(--primary-600)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}.btn-primary:active{transform:translateY(0)!important;box-shadow:var(--shadow-sm)!important}.btn-primary:focus{outline:2px solid var(--primary-200)!important;outline-offset:2px!important}.hidden{display:none!important}.btn-secondary{background-color:var(--gray-600)!important;color:var(--white)!important;border:none!important;border-radius:var(--radius-md)!important;font-weight:var(--font-weight-medium)!important;transition:all var(--transition-normal)!important;box-shadow:var(--shadow-sm)!important}.btn-secondary:hover{background-color:var(--gray-700)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}.btn-orange{background-color:var(--accent-500)!important;color:var(--white)!important;border:none!important;border-radius:var(--radius-md)!important;font-weight:var(--font-weight-medium)!important;transition:all var(--transition-normal)!important;box-shadow:var(--shadow-sm)!important}.btn-orange:hover{background-color:var(--accent-600)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}.btn-margin{margin-right:10px!important}.btn-margin-bottom{margin-bottom:10px!important}.btn-lnk{background-color:transparent!important;color:var(--primary-500)!important;font-weight:var(--font-weight-medium)!important;text-decoration:none!important;font-size:var(--text-base)!important;text-transform:none!important;padding:var(--space-2) var(--space-1)!important;border-radius:var(--radius-sm)!important;transition:all var(--transition-fast)!important;position:relative!important}.btn-lnk:hover{color:var(--primary-600)!important;background-color:var(--primary-50)!important;text-decoration:none!important}.btn-lnk:focus{outline:2px solid var(--primary-200)!important;outline-offset:2px!important}.bold{font-weight:var(--font-weight-semibold)!important}.validate-email{margin:15px}.btn-resend{margin:0 10px!important}.required:after{content:" *"}.form-error{clear:both;height:65px;padding-top:10px;text-align:center}.msg{margin:15px}.msg h2{color:var(--gray-900);margin:0;font-weight:var(--font-weight-semibold)}.msg p{color:var(--gray-700);line-height:var(--leading-relaxed)}.msg .msg-link{margin-top:16px;display:block}.avatar,.avatar-large{width:170px!important;height:170px!important}.avatar-medium{width:64px!important;height:64px!important}.avatar-small{width:32px!important;height:32px!important}.avatar-action-box{width:46px;height:46px;background:#ddd;cursor:pointer}.avatar-action-icon{width:32px!important;height:32px!important;position:absolute;top:50%;transform:translateY(-50%);margin-left:8px}.supplier-avatar{width:150px;height:75px;display:flex;justify-content:center;align-items:center}.avatar-ctn{position:relative;margin:20px 0;height:170px;display:flex;align-items:center;justify-content:center}.user-avatar-verified-small,.user-avatar-verified-medium,.user-avatar-verified-large{color:#fff;background:#07ac51}.user-avatar-verified-small,.user-avatar-verified-icon-small{width:12px!important;height:12px!important}.user-avatar-verified-medium,.user-avatar-verified-icon-medium{width:24px!important;height:24px!important}.user-avatar-verified-large,.user-avatar-verified-icon-large{width:32px!important;height:32px!important}.info{display:flex;align-items:center;justify-content:center;width:100%;margin:15px 0}.info span{color:#a8a8a8;display:inline-block;font-size:.9em;line-height:1em;white-space:nowrap;margin-left:5px}.dialog-header{text-align:center}.dialog-content{margin:0;width:410px;display:flex;align-items:center;justify-content:center}.dialog-actions{margin-right:5px;margin-bottom:10px}.d-adornment{margin-right:-13px}.d-adornment-icon{color:#0000008a;width:20px!important;height:20px!important}div.content{display:flex;flex-direction:column;flex:1 0 auto;margin:0;padding:0;background-color:var(--gray-50);font-family:var(--font-primary);color:var(--gray-900)}@media only screen and (max-width:550px){.search-dialog-content{width:calc(100vw - 32px)!important;max-width:calc(100% - 32px)!important;padding:20px 16px!important;margin:0 auto!important;overflow-x:hidden}}@media only screen and (min-width:551px)and (max-width:768px){.search-dialog-content{width:calc(100% - 24px)!important;max-width:520px!important;padding:24px 16px!important;margin:0 auto!important;overflow-x:hidden}}@media only screen and (min-width:769px)and (max-width:960px){.search-dialog-content{width:calc(100% - 48px)!important;max-width:680px!important;padding:28px 20px!important;margin:0 auto!important;overflow-x:hidden}}@media only screen and (min-width:961px)and (max-width:1200px){.search-dialog-content{width:calc(90% - 48px)!important;max-width:880px!important;padding:32px 24px!important;margin:0 auto!important}}@media only screen and (min-width:1201px)and (max-width:1600px){.search-dialog-content{width:calc(92% - 64px)!important;max-width:1200px!important;padding:36px 32px!important;margin:0 auto!important}}@media only screen and (min-width:1601px)and (max-width:1920px){.search-dialog-content{width:calc(94% - 80px)!important;max-width:1400px!important;padding:40px!important;margin:0 auto!important}}@media only screen and (min-width:1921px){.search-dialog-content{width:calc(95% - 96px)!important;max-width:1600px!important;padding:44px 48px!important;margin:0 auto!important}}@media only screen and (width<=960px){.buttons{margin-top:15px;margin-bottom:5px;display:grid;width:100%}.buttons button,.btn-margin{margin-right:0!important}.d-adornment{margin-right:-3px}.dialog-content{width:350px}}@media only screen and (width>=960px){.buttons{float:right;margin-top:15px;margin-bottom:5px}}@media only screen and (max-width:550px){.MuiDialog-paper{width:calc(100vw - 32px)!important;max-width:calc(100% - 32px)!important;margin:16px!important}}@media only screen and (min-width:551px)and (max-width:768px){.MuiDialog-paper{width:calc(100% - 24px)!important;max-width:560px!important;margin:12px auto!important}}@media only screen and (min-width:769px)and (max-width:960px){.MuiDialog-paper{width:calc(100% - 48px)!important;max-width:720px!important;margin:16px auto!important}}@media only screen and (min-width:961px)and (max-width:1200px){.MuiDialog-paper{width:calc(90% - 48px)!important;max-width:920px!important;margin:20px auto!important}}@media only screen and (min-width:1201px)and (max-width:1600px){.MuiDialog-paper{width:calc(92% - 64px)!important;max-width:1240px!important;margin:24px auto!important}}@media only screen and (min-width:1601px)and (max-width:1920px){.MuiDialog-paper{width:calc(94% - 80px)!important;max-width:1440px!important;margin:28px auto!important}}@media only screen and (min-width:1921px){.MuiDialog-paper{width:calc(95% - 96px)!important;max-width:1640px!important;margin:32px auto!important}}.app{display:flex;flex-direction:column;flex:1 0 auto}.github-fork-ribbon:before{background-color:#272727}:root{--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--accent-color: var(--accent-500);--bg-main: var(--gray-50);--text-main: var(--gray-900);--text-muted: var(--gray-600);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px}.blog-page,.blog-post-page{padding:40px 0;min-height:100vh;background:var(--bg-main)}.blog-header{text-align:center;margin-bottom:40px;padding:48px 24px;background:#ffffffd9;backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:0 10px 30px #00000005;border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.blog-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--accent-color))}.blog-title{color:var(--text-main);font-family:var(--font-primary);font-size:2.8rem;font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.blog-subtitle{color:var(--text-muted);font-size:1.15rem;max-width:700px;margin:0 auto;line-height:1.6}.blog-filters{background:#fff;padding:24px;border-radius:var(--radius-lg);margin-bottom:32px;box-shadow:0 10px 30px #00000005;border:1px solid rgba(0,0,0,.04)}.blog-search-form{display:flex;gap:16px;margin-bottom:20px;align-items:center}.blog-search-form .MuiTextField-root{flex:1}.blog-search-form .MuiOutlinedInput-root{border-radius:var(--radius-md);background:#00000003;transition:all .3s ease}.blog-search-form .MuiOutlinedInput-root:hover,.blog-search-form .MuiOutlinedInput-root.Mui-focused{background:#fff;box-shadow:0 4px 12px #00000008}.blog-search-form .btn-primary{padding:10px 28px;font-weight:700;border-radius:var(--radius-md);text-transform:none;background:var(--primary-500)}.blog-filter-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.blog-filter-controls .MuiFormControl-root{min-width:150px}.blog-filter-controls .MuiOutlinedInput-root{border-radius:var(--radius-md)}.blog-featured-post-card{display:flex;flex-direction:column;background:#fff!important;border-radius:var(--radius-lg)!important;border:1px solid rgba(0,0,0,.04)!important;box-shadow:0 15px 35px #0000000a!important;overflow:hidden;margin-bottom:48px;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)!important}.blog-featured-post-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #00000014!important}.blog-featured-image-wrapper{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative}.blog-featured-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-featured-post-card:hover .blog-featured-image{transform:scale(1.02)}.blog-featured-content{padding:32px!important;display:flex;flex-direction:column;justify-content:center}.blog-featured-tag-row{display:flex;gap:12px;margin-bottom:16px}.blog-featured-badge{background:var(--accent-color)!important;color:#fff!important;font-weight:700!important;border-radius:6px!important;text-transform:uppercase;font-size:.75rem!important;letter-spacing:.5px}.blog-featured-title{font-family:var(--font-primary);font-size:2rem!important;font-weight:800!important;color:var(--text-main);margin-bottom:16px!important;line-height:1.3!important;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-featured-excerpt{color:var(--text-muted)!important;font-size:1.1rem!important;line-height:1.6!important;margin-bottom:24px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:900px){.blog-featured-post-card{flex-direction:row;min-height:400px;height:auto}.blog-featured-image-wrapper{width:55%;min-height:400px;aspect-ratio:auto}.blog-featured-content{width:45%;padding:40px!important}}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;margin-bottom:48px}.blog-post-card{background:#fff;border-radius:var(--radius-lg)!important;border:1px solid rgba(0,0,0,.04)!important;box-shadow:0 8px 25px #00000005!important;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important;height:100%;display:flex;flex-direction:column;cursor:pointer}.blog-post-card:hover{transform:translateY(-8px)!important;box-shadow:0 16px 35px #0000000f!important;border-color:#1565c01a!important}.blog-post-image-wrapper{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:var(--gray-100)}.blog-post-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-post-card:hover .blog-post-card-image{transform:scale(1.04)}.blog-post-card-category-badge{position:absolute;top:16px;left:16px;background:#1565c0e6!important;backdrop-filter:blur(8px);color:#fff!important;font-weight:700!important;border-radius:6px!important;z-index:2;font-size:.75rem!important;box-shadow:0 4px 10px #0000001a;text-transform:uppercase}.blog-post-card-content{padding:24px!important;display:flex;flex-direction:column;flex-grow:1}.blog-post-title{font-family:var(--font-primary);font-size:1.25rem!important;font-weight:800!important;color:var(--text-main);margin-bottom:12px!important;line-height:1.4!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}.blog-post-excerpt{color:var(--text-muted)!important;line-height:1.6!important;font-size:.95rem!important;margin-bottom:16px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-post-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid rgba(0,0,0,.04)}.blog-post-author{display:flex;align-items:center;gap:10px}.blog-post-author-avatar{width:32px!important;height:32px!important;border:2px solid rgba(21,101,192,.1)}.blog-post-author-name{font-weight:700!important;color:var(--text-main);font-size:.85rem!important}.blog-post-stats{display:flex;gap:12px}.blog-post-date,.blog-post-views{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.8rem;font-weight:500}.blog-post-date-icon,.blog-post-views-icon{font-size:1rem!important;color:var(--primary-500);opacity:.8}.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.blog-post-tag{background:#1565c00d!important;color:var(--primary-500)!important;border:1px solid rgba(21,101,192,.1)!important;font-weight:600!important;border-radius:6px!important;font-size:.75rem!important}.blog-tags,.blog-categories{background:#fff;padding:24px;border-radius:var(--radius-lg);margin-bottom:24px;box-shadow:0 10px 30px #00000005;border:1px solid rgba(0,0,0,.04)}.blog-tags-title,.blog-categories-title{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--text-main);font-weight:800;font-family:var(--font-primary);text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.blog-tags-title svg,.blog-categories-title svg{color:var(--primary-500)}.blog-tags-list,.blog-categories-list{display:flex;flex-wrap:wrap;gap:8px}.blog-tags-list .MuiChip-root,.blog-categories-list .MuiChip-root{border-radius:6px;font-weight:600;transition:all .2s ease;background:#00000008}.blog-tags-list .MuiChip-root:hover,.blog-categories-list .MuiChip-root:hover{background:var(--primary-500);color:#fff}.blog-sidebar-trust{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-900) 100%);color:#fff;border-radius:var(--radius-lg);padding:28px 24px;margin-bottom:24px;box-shadow:0 12px 30px #0d47a126;text-align:center;position:relative;overflow:hidden}.blog-sidebar-trust:before{content:"";position:absolute;top:-50px;right:-50px;width:120px;height:120px;background:#ffffff0d;border-radius:50%}.blog-trust-title{font-weight:800;margin-bottom:16px;font-size:1.2rem;font-family:var(--font-primary)}.blog-trust-list{display:flex;flex-direction:column;gap:12px}.blog-trust-item{display:flex;align-items:center;gap:12px;background:#ffffff26;padding:12px;border-radius:var(--radius-md);backdrop-filter:blur(5px)}.blog-trust-icon{font-size:1.5rem;color:gold}.blog-trust-text{font-size:.95rem;font-weight:600;text-align:left}.blog-sidebar-links{background:#fff;padding:24px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000008;border:1px solid rgba(0,0,0,.05)}.blog-sidebar-links .MuiButton-root{justify-content:flex-start;padding:12px 16px;border-radius:var(--radius-md);transition:all .2s ease;color:var(--text-main);font-weight:600;margin-bottom:8px}.blog-sidebar-links .MuiButton-root:hover{background:#3b82f60d;color:var(--primary-color);transform:translate(4px)}.blog-pagination{margin-top:40px;display:flex;justify-content:center}.blog-pagination .MuiPaginationItem-root{border-radius:8px;font-weight:600}.blog-pagination .Mui-selected{background-color:var(--primary-color)!important;color:#fff!important;box-shadow:0 4px 12px #3b82f64d}.blog-empty,.blog-error{text-align:center;padding:60px 24px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000008;border:1px solid rgba(0,0,0,.05)}.blog-empty-title{color:var(--text-main);margin-bottom:16px;font-weight:800;font-family:var(--font-primary)}.blog-empty-text{color:var(--text-muted);font-size:1.1rem}.blog-breadcrumbs-wrapper{margin-bottom:32px}.blog-post-breadcrumbs{padding:16px 24px;background:#ffffffb3;backdrop-filter:blur(10px);border-radius:var(--radius-md);box-shadow:0 4px 15px #00000005;border:1px solid rgba(255,255,255,.5);display:inline-flex}.blog-post-breadcrumbs .MuiBreadcrumbs-separator{color:var(--primary-color);opacity:.6}.blog-post-header{background:#fff;padding:48px;border-radius:var(--radius-lg);margin-bottom:40px;box-shadow:0 10px 40px #0000000a;border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden}.blog-post-header:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--primary-color) 0%,rgba(59,130,246,.3) 100%)}.blog-post-page .blog-post-title{font-size:3rem!important;font-weight:800!important;color:var(--text-main);margin-bottom:24px!important;line-height:1.2!important;letter-spacing:-.02em}.blog-post-page .blog-post-excerpt{font-size:1.35rem!important;color:var(--text-muted)!important;line-height:1.6!important;margin-bottom:40px!important;font-weight:400!important;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:32px}.blog-post-meta{display:flex;flex-wrap:wrap;gap:32px;align-items:center}.blog-post-author{display:flex;align-items:center;gap:16px}.blog-post-author-name{font-weight:700!important;font-size:1.1rem!important;color:var(--text-main)}.blog-post-stats{display:flex;align-items:center;gap:24px;color:var(--text-muted)}.blog-post-date,.blog-post-views{display:flex;align-items:center;gap:8px}.reading-time-badge{font-weight:600!important;background:#3b82f61a;color:var(--primary-color)!important;padding:6px 12px;border-radius:var(--radius-sm);font-size:.9rem!important}.blog-post-featured-image-container{margin-bottom:48px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 40px #0000001a;aspect-ratio:16/9;position:relative}.blog-post-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.blog-post-featured-image-container:hover .blog-post-image{transform:scale(1.03)}.blog-post-content{background:#fff;padding:48px;border-radius:var(--radius-lg);margin-bottom:40px;box-shadow:0 10px 40px #0000000a;border:1px solid rgba(0,0,0,.03);line-height:1.9;font-size:1.2rem;color:#334155}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{color:var(--text-main);margin-top:48px;margin-bottom:24px;font-weight:800;font-family:var(--font-primary);line-height:1.3}.blog-post-content h2{font-size:2.2rem;color:var(--primary-color);position:relative;padding-bottom:12px}.blog-post-content h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--primary-color);border-radius:2px}.blog-post-content p{margin-bottom:24px}.blog-post-content ul,.blog-post-content ol{margin-bottom:24px;padding-left:24px}.blog-post-content li{margin-bottom:12px}.blog-post-content blockquote{border-left:4px solid var(--primary-color);padding:32px;margin:40px 0;font-style:italic;color:#475569;background:linear-gradient(90deg,#3b82f60d,#fff0);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:1.3rem}.blog-post-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:40px 0;box-shadow:0 10px 30px #00000014}.blog-post-content a{color:var(--primary-color);text-decoration:none;font-weight:600;border-bottom:2px solid rgba(59,130,246,.2);transition:all .2s ease}.blog-post-content a:hover{border-bottom-color:var(--primary-color);background:#3b82f60d}.blog-post-cta{margin:64px 0;padding:48px;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);border-radius:var(--radius-lg);color:#fff;text-align:center;box-shadow:0 20px 40px #1e40af33;position:relative;overflow:hidden}.blog-post-cta:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a,#fff0 60%);transform:rotate(30deg);pointer-events:none}.cta-title{font-weight:800!important;margin-bottom:16px!important;font-size:2.2rem!important}.cta-subtitle{font-size:1.2rem!important;margin-bottom:32px!important;opacity:.9}.cta-button{background-color:#fff!important;color:var(--primary-color)!important;font-weight:700!important;padding:12px 32px!important;font-size:1.1rem!important;border-radius:30px!important;box-shadow:0 10px 20px #0000001a!important;transition:transform .2s,box-shadow .2s!important}.cta-button:hover{transform:translateY(-2px)!important;box-shadow:0 15px 25px #00000026!important}.blog-post-related{background:#fff;padding:48px;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000000a;border:1px solid rgba(0,0,0,.03)}.blog-post-related-title{color:var(--text-main);margin-bottom:40px!important;font-weight:800!important;font-size:2rem!important;text-align:center;font-family:var(--font-primary)}.blog-post-related-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.blog-post-related-card{border-radius:var(--radius-md)!important;box-shadow:0 4px 15px #00000008!important;transition:transform .3s ease,box-shadow .3s ease!important;border:1px solid rgba(0,0,0,.05)!important}.blog-post-related-card:hover{transform:translateY(-5px)!important;box-shadow:0 15px 30px #00000014!important}.blog-post-actions{text-align:center;margin-top:48px}.blog-post-actions .MuiButton-root{border-radius:30px;padding:12px 32px;font-weight:700;text-transform:none;font-size:1.1rem;border-width:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-post-card{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}@media(max-width:900px){.blog-post-sidebar-wrapper{margin-top:40px}}@media(max-width:768px){.blog-page,.blog-post-page{padding:20px 0}.blog-post-header{padding:24px}.blog-post-content{padding:24px;font-size:1.1rem}.blog-post-page .blog-post-title{font-size:2rem!important}.blog-post-meta{gap:16px}.blog-post-stats{flex-wrap:wrap;gap:12px}.blog-post-cta{padding:32px 24px}.cta-title{font-size:1.8rem!important}}.blog-filter-controls{justify-content:center}.blog-post-header,.blog-post-content,.blog-post-related{padding:24px}.blog-post-page .blog-post-title{font-size:2rem!important}} :root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}
