.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:#dc143c}.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:#e49b9bcc!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: #FFE8E8;--primary-100: #FFD1D1;--primary-200: #FFB3B3;--primary-300: #FF8A8A;--primary-400: #FF6161;--primary-500: #DC143C;--primary-600: #B22222;--primary-700: #8B0000;--primary-800: #660000;--primary-900: #400000;--accent-50: #FFE8E8;--accent-100: #FFD1D1;--accent-200: #FFB3B3;--accent-300: #FF8A8A;--accent-400: #FF6161;--accent-500: #DC143C;--accent-600: #B22222;--accent-700: #8B0000;--accent-800: #660000;--accent-900: #400000;--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: #07AC51;--success-600: #059B47;--warning-50: #FFF8E1;--warning-500: #FFA726;--warning-600: #FF9800;--error-50: #FFEBEE;--error-500: #F44336;--error-600: #D32F2F;--info-50: #FFE4E1;--info-500: #FF6B6B;--info-600: #DC143C;--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, var(--primary-500), var(--primary-600));--gradient-accent: linear-gradient(135deg, var(--accent-500), var(--accent-600));--gradient-hero: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 50%, var(--accent-500) 100%);--gradient-card: linear-gradient(145deg, var(--white) 0%, var(--gray-50) 100%);--gradient-overlay: linear-gradient(135deg, rgba(220, 20, 60, .9), rgba(255, 107, 107, .8));--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .18);--glass-backdrop: blur(10px);--shadow-premium: 0 20px 40px rgba(220, 20, 60, .1), 0 8px 16px rgba(220, 20, 60, .06);--shadow-card-hover: 0 25px 50px rgba(220, 20, 60, .15), 0 10px 20px rgba(220, 20, 60, .1);--shadow-button: 0 4px 12px rgba(220, 20, 60, .3);--shadow-button-hover: 0 6px 16px rgba(220, 20, 60, .4);--border-premium: 1px solid rgba(220, 20, 60, .1);--border-accent: 1px solid rgba(255, 107, 107, .2);--border-gradient: linear-gradient(135deg, var(--primary-200), var(--accent-200));--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)}@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 #dc143c4d}.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 #dc143c4d}50%{box-shadow:0 0 30px #dc143c99}}@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 #dc143c33;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}.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}.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 fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(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 (width<=550px){.search-dialog-content{width:auto;max-width:480px}}@media only screen and (width<=960px)and (width>550px){.search-dialog-content{width:480px;overflow-x:hidden}}@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}}.app{display:flex;flex-direction:column;flex:1 0 auto}.github-fork-ribbon:before{background-color:#272727}.blog-page{padding:2rem 0;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.blog-header{text-align:center;margin-bottom:3rem;padding:2rem 0;background:#ffffffe6;border-radius:20px;box-shadow:0 10px 30px #0000001a;backdrop-filter:blur(10px)}.blog-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-family:Poppins,sans-serif}.blog-subtitle{font-size:1.2rem;color:#666;font-weight:400;max-width:600px;margin:0 auto;line-height:1.6}.blog-filters{background:#fffffff2;padding:2rem;border-radius:15px;margin-bottom:2rem;box-shadow:0 5px 20px #00000014;backdrop-filter:blur(10px)}.blog-search-form{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.blog-search-form .MuiTextField-root{flex:1}.blog-search-form .MuiTextField-root .MuiOutlinedInput-root{border-radius:25px;background:#fffc;transition:all .3s ease}.blog-search-form .MuiTextField-root .MuiOutlinedInput-root:hover{background:#fff;transform:translateY(-2px)}.blog-filter-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.blog-tags,.blog-categories{background:#ffffffe6;padding:1.5rem;border-radius:15px;margin-bottom:1.5rem;box-shadow:0 3px 15px #0000000d}.blog-tags-title,.blog-categories-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#333;font-weight:600}.blog-tags-list,.blog-categories-list{display:flex;flex-wrap:wrap;gap:.5rem}.blog-tags-list .MuiChip-root,.blog-categories-list .MuiChip-root{border-radius:20px;transition:all .3s ease;cursor:pointer}.blog-tags-list .MuiChip-root:hover,.blog-categories-list .MuiChip-root:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.blog-post-card{background:#fffffff2;border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:0 5px 20px #00000014;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.blog-post-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000026}.blog-post-card .MuiCardMedia-root{height:200px;object-fit:cover;transition:transform .3s ease}.blog-post-card:hover .MuiCardMedia-root{transform:scale(1.05)}.blog-post-title{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:.8rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-post-excerpt{color:#666;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-post-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid #eee}.blog-post-author{display:flex;align-items:center;gap:.5rem}.blog-post-author-avatar{width:32px;height:32px;border:2px solid #667eea}.blog-post-author-name{font-weight:600;color:#333;font-size:.9rem}.blog-post-stats{display:flex;gap:1rem;align-items:center}.blog-post-date,.blog-post-views{display:flex;align-items:center;gap:.3rem;color:#666;font-size:.85rem}.blog-post-date-icon,.blog-post-views-icon{font-size:1rem;color:#667eea}.blog-post-tags{margin-top:1rem}.blog-post-tag{margin-right:.5rem;margin-bottom:.5rem;border-radius:15px;font-size:.75rem;height:24px}.blog-pagination{margin-top:3rem;display:flex;justify-content:center}.blog-pagination .MuiPagination-root .MuiPaginationItem-root{border-radius:10px;margin:0 .25rem}.blog-empty{text-align:center;padding:4rem 2rem;background:#ffffffe6;border-radius:20px;box-shadow:0 5px 20px #00000014}.blog-empty-title{color:#333;margin-bottom:1rem;font-weight:600}.blog-empty-text{color:#666;line-height:1.6}.blog-error{margin:2rem 0;border-radius:10px}.blog-post-page{padding:2rem 0;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.blog-post-breadcrumbs{margin-bottom:2rem;padding:1rem;background:#ffffffe6;border-radius:10px;box-shadow:0 3px 15px #0000000d}.blog-post-breadcrumbs .MuiBreadcrumbs-separator{color:#667eea}.blog-post-header{background:#fffffff2;padding:3rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 10px 30px #0000001a;backdrop-filter:blur(10px)}.blog-post-title{font-size:3rem;font-weight:800;color:#333;margin-bottom:1.5rem;line-height:1.2;font-family:Poppins,sans-serif}.blog-post-excerpt{font-size:1.3rem;color:#666;line-height:1.6;margin-bottom:2rem;font-weight:400}.blog-post-meta{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.blog-post-author{display:flex;align-items:center;gap:1rem}.blog-post-author-avatar{width:60px;height:60px;border:3px solid #667eea;box-shadow:0 5px 15px #667eea4d}.blog-post-author-info{display:flex;flex-direction:column}.blog-post-author-name{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.3rem}.blog-post-author-bio{color:#666;font-size:.9rem;line-height:1.4}.blog-post-stats{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.blog-post-date,.blog-post-views,.blog-post-reading-time{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.95rem;font-weight:500}.blog-post-date-icon,.blog-post-views-icon{font-size:1.2rem;color:#667eea}.blog-post-featured-image{text-align:center;margin-bottom:3rem}.blog-post-image{max-width:100%;height:auto;border-radius:20px;box-shadow:0 15px 40px #00000026;transition:transform .3s ease}.blog-post-image:hover{transform:scale(1.02)}.blog-post-content{background:#fffffff2;padding:3rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 10px 30px #00000014;backdrop-filter:blur(10px);line-height:1.8;font-size:1.1rem;color:#333}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{color:#333;margin-top:2rem;margin-bottom:1rem;font-weight:700;font-family:Poppins,sans-serif}.blog-post-error{margin:2rem 0 1rem;color:#333;font-weight:700;font-family:Poppins,sans-serif}.blog-post-content h1{font-size:2.5rem;border-bottom:3px solid #667eea;padding-bottom:.5rem}.blog-post-content h2{font-size:2rem;color:#667eea}.blog-post-content h3{font-size:1.5rem}.blog-post-content p{margin-bottom:1.5rem;text-align:justify}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content blockquote{border-left:4px solid #667eea;padding-left:2rem;margin:2rem 0;font-style:italic;color:#666;background:#667eea0d;padding:1.5rem 2rem;border-radius:0 10px 10px 0}.blog-post-content img{max-width:100%;height:auto;border-radius:10px;margin:2rem 0;box-shadow:0 5px 20px #0000001a}.blog-post-content a{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.blog-post-content a:hover{color:#764ba2;text-decoration:underline}.blog-post-tags,.blog-post-categories{background:#ffffffe6;padding:2rem;border-radius:15px;margin-bottom:2rem;box-shadow:0 5px 20px #00000014}.blog-post-tags-title,.blog-post-categories-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#333;font-weight:600;font-size:1.2rem}.blog-post-tags-list,.blog-post-categories-list{display:flex;flex-wrap:wrap;gap:.5rem}.blog-post-tag,.blog-post-category{border-radius:20px;font-size:.9rem;height:32px;transition:all .3s ease}.blog-post-tag:hover,.blog-post-category:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.blog-post-related{background:#fffffff2;padding:3rem;border-radius:20px;box-shadow:0 10px 30px #00000014;backdrop-filter:blur(10px)}.blog-post-related-title{color:#333;margin-bottom:2rem;font-weight:700;font-size:2rem;text-align:center;font-family:Poppins,sans-serif}.blog-post-related-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.blog-post-related-card{background:#fffc;border-radius:15px;transition:all .3s ease;box-shadow:0 5px 20px #0000000d;border:1px solid rgba(255,255,255,.3)}.blog-post-related-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.blog-post-related-title-text{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-post-related-excerpt{color:#666;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-post-related-meta{color:#999;font-size:.85rem}.blog-post-actions{text-align:center;margin-top:3rem}.blog-post-actions .MuiButton-root{border-radius:25px;padding:.8rem 2rem;font-weight:600;text-transform:none;font-size:1rem;transition:all .3s ease}.blog-post-actions .MuiButton-root:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.blog-post-error{margin:2rem 0;border-radius:10px;padding:2rem;text-align:center}.blog-sidebar-trust{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 10px 20px #764ba24d;text-align:center}.blog-trust-title{font-weight:700;margin-bottom:1rem;font-size:1.2rem}.blog-trust-list{display:flex;flex-direction:column;gap:1rem}.blog-trust-item{display:flex;align-items:center;gap:.8rem;background:#ffffff1a;padding:.8rem;border-radius:10px;backdrop-filter:blur(5px)}.blog-trust-icon{font-size:1.5rem;color:gold}.blog-trust-text{font-size:.9rem;font-weight:500;text-align:left}.blog-sidebar-links .MuiButton-root{justify-content:flex-start;padding:.8rem 1rem;border-radius:10px;transition:all .3s ease;color:#555;font-weight:500}.blog-sidebar-links .MuiButton-root:hover{background:#667eea1a;color:#667eea;transform:translate(5px)}@media(max-width:960px){.blog-sidebar-search{position:static!important}}@media(max-width:768px){.blog-page,.blog-post-page{padding:1rem 0}.blog-title{font-size:2.5rem}.blog-subtitle{font-size:1rem;padding:0 1rem}.blog-filters{padding:1.5rem}.blog-search-form{flex-direction:column;gap:1rem}.blog-filter-controls{justify-content:center}.blog-post-header{padding:2rem 1.5rem}.blog-post-title{font-size:2rem}.blog-post-excerpt{font-size:1.1rem}.blog-post-meta{flex-direction:column;align-items:flex-start;gap:1.5rem}.blog-post-stats{gap:1rem}.blog-post-content{padding:2rem 1.5rem;font-size:1rem}.blog-post-content h1{font-size:1.8rem}.blog-post-content h2{font-size:1.5rem}.blog-post-related{padding:2rem 1.5rem}.blog-post-related-list{grid-template-columns:1fr}}@media(max-width:480px){.blog-title{font-size:2rem}.blog-post-title{font-size:1.8rem}.blog-post-header,.blog-post-content,.blog-post-related{padding:1.5rem 1rem}}.blog-skeleton{background:#ffffffe6;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 20px #00000014}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-post-card,.blog-post-related-card{animation:fadeInUp .6s ease-out}.blog-post-card:nth-child(1){animation-delay:.1s}.blog-post-card:nth-child(2){animation-delay:.2s}.blog-post-card:nth-child(3){animation-delay:.3s}.blog-post-card:nth-child(4){animation-delay:.4s}.blog-post-card:nth-child(5){animation-delay:.5s}.blog-post-card:nth-child(6){animation-delay:.6s}: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)}