:root{--primary-color: #ef4444;--primary-dark: #dc2626;--primary-light: #f87171;--primary-50: #fef2f2;--primary-100: #fee2e2;--primary-200: #fecaca;--primary-300: #fca5a5;--primary-400: #f87171;--primary-500: #ef4444;--primary-600: #dc2626;--primary-700: #b91c1c;--primary-800: #991b1b;--primary-900: #7f1d1d;--secondary-color: #000000;--secondary-dark: #000000;--secondary-light: #1a1a1a;--secondary-50: #f8f8f8;--secondary-100: #f0f0f0;--secondary-200: #e0e0e0;--secondary-300: #cccccc;--secondary-400: #999999;--secondary-500: #666666;--secondary-600: #444444;--secondary-700: #333333;--secondary-800: #1a1a1a;--secondary-900: #000000;--accent-color: #ef4444;--accent-dark: #dc2626;--accent-light: #f87171;--success-color: #10b981;--success-dark: #059669;--success-light: #34d399;--warning-color: #f59e0b;--warning-dark: #d97706;--warning-light: #fbbf24;--error-color: #ef4444;--error-dark: #dc2626;--error-light: #f87171;--info-color: #3b82f6;--info-dark: #2563eb;--info-light: #60a5fa;--white: #ffffff;--black: #000000;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-secondary: "Georgia", "Times New Roman", serif;--font-family-mono: "Fira Code", "Monaco", "Consolas", monospace;--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-7xl: 4.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--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-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 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);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@media(prefers-color-scheme:dark){:root{--gray-50: #1f2937;--gray-100: #374151;--gray-200: #4b5563;--gray-300: #6b7280;--gray-400: #9ca3af;--gray-500: #d1d5db;--gray-600: #e5e7eb;--gray-700: #f3f4f6;--gray-800: #f9fafb;--gray-900: #ffffff}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--gray-700);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--gray-900);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--gray-600);line-height:var(--leading-relaxed)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}@media(min-width:640px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.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))}@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))}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.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)}.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)}.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)}.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)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-white{color:var(--white)}.text-black{color:var(--black)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-900{color:var(--gray-900)}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-accent{color:var(--accent-color)}.text-primary-50{color:var(--primary-50)}.text-primary-100{color:var(--primary-100)}.text-primary-200{color:var(--primary-200)}.text-primary-300{color:var(--primary-300)}.text-primary-400{color:var(--primary-400)}.text-primary-500{color:var(--primary-500)}.text-primary-600{color:var(--primary-600)}.text-primary-700{color:var(--primary-700)}.text-primary-800{color:var(--primary-800)}.text-primary-900{color:var(--primary-900)}.text-secondary-50{color:var(--secondary-50)}.text-secondary-100{color:var(--secondary-100)}.text-secondary-200{color:var(--secondary-200)}.text-secondary-300{color:var(--secondary-300)}.text-secondary-400{color:var(--secondary-400)}.text-secondary-500{color:var(--secondary-500)}.text-secondary-600{color:var(--secondary-600)}.text-secondary-700{color:var(--secondary-700)}.text-secondary-800{color:var(--secondary-800)}.text-secondary-900{color:var(--secondary-900)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-info{color:var(--info-color)}.bg-white{background-color:var(--white)}.bg-black{background-color:var(--black)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-accent{background-color:var(--accent-color)}.bg-primary-50{background-color:var(--primary-50)}.bg-primary-100{background-color:var(--primary-100)}.bg-primary-200{background-color:var(--primary-200)}.bg-primary-300{background-color:var(--primary-300)}.bg-primary-400{background-color:var(--primary-400)}.bg-primary-500{background-color:var(--primary-500)}.bg-primary-600{background-color:var(--primary-600)}.bg-primary-700{background-color:var(--primary-700)}.bg-primary-800{background-color:var(--primary-800)}.bg-primary-900{background-color:var(--primary-900)}.bg-secondary-50{background-color:var(--secondary-50)}.bg-secondary-100{background-color:var(--secondary-100)}.bg-secondary-200{background-color:var(--secondary-200)}.bg-secondary-300{background-color:var(--secondary-300)}.bg-secondary-400{background-color:var(--secondary-400)}.bg-secondary-500{background-color:var(--secondary-500)}.bg-secondary-600{background-color:var(--secondary-600)}.bg-secondary-700{background-color:var(--secondary-700)}.bg-secondary-800{background-color:var(--secondary-800)}.bg-secondary-900{background-color:var(--secondary-900)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-error{background-color:var(--error-color)}.bg-info{background-color:var(--info-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-700) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--secondary-color);color:var(--white);border:2px solid var(--secondary-color)}.btn-secondary:hover:not(:disabled){background:var(--secondary-600);border-color:var(--secondary-600);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-accent{background:var(--accent-color);color:var(--white)}.btn-accent:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);color:var(--gray-700)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:inherit;transition:all var(--transition-fast);background-color:var(--white)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}.form-textarea{resize:vertical;min-height:120px}.card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-base);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--space-4)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-2)}.card-description{color:var(--gray-600);line-height:var(--leading-relaxed);font-size:var(--text-lg);font-weight:var(--font-medium);margin-bottom:var(--space-4)}.header.scrolled{box-shadow:var(--shadow-md)}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-24) 0}.section-xl{padding:var(--space-32) 0}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--gray-600);max-width:600px;margin:0 auto;line-height:var(--leading-relaxed)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-slideInLeft{animation:slideInLeft .6s ease-out}.animate-slideInRight{animation:slideInRight .6s ease-out}@media(max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:text-center{text-align:center}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:text-sm{font-size:var(--text-sm)}.sm\:text-lg{font-size:var(--text-lg)}.sm\:px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.sm\:py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.sm\:gap-4{gap:var(--space-4)}.sm\:gap-6{gap:var(--space-6)}}@media(max-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:text-center{text-align:center}.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\:text-sm{font-size:var(--text-sm)}.md\:text-base{font-size:var(--text-base)}.md\:px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.md\:py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.md\:gap-6{gap:var(--space-6)}.md\:gap-8{gap:var(--space-8)}}@media(max-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:text-center{text-align:center}.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\:text-base{font-size:var(--text-base)}.lg\:text-lg{font-size:var(--text-lg)}.lg\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.lg\:py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.lg\:gap-8{gap:var(--space-8)}.lg\:gap-12{gap:var(--space-12)}}@media(max-width:480px){.xs\:hidden{display:none}.xs\:block{display:block}.xs\:text-center{text-align:center}.xs\:text-left{text-align:left}.xs\:text-right{text-align:right}.xs\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xs\:text-xs{font-size:var(--text-xs)}.xs\:text-sm{font-size:var(--text-sm)}.xs\:text-base{font-size:var(--text-base)}.xs\:px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.xs\:px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.xs\:py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.xs\:py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.xs\:gap-2{gap:var(--space-2)}.xs\:gap-3{gap:var(--space-3)}.xs\:gap-4{gap:var(--space-4)}.xs\:w-full{width:100%}.xs\:h-full{height:100%}.xs\:flex-col{flex-direction:column}.xs\:items-center{align-items:center}.xs\:justify-center{justify-content:center}.xs\:rounded-lg{border-radius:var(--radius-lg)}.xs\:shadow-md{box-shadow:var(--shadow-md)}}@media(min-width:769px)and (max-width:1024px){.tablet\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tablet\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tablet\:px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.tablet\:py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.tablet\:gap-6{gap:var(--space-6)}.tablet\:gap-8{gap:var(--space-8)}}@media(min-width:1200px){.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\:px-12{padding-left:var(--space-12);padding-right:var(--space-12)}.xl\:py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.xl\:gap-12{gap:var(--space-12)}.xl\:gap-16{gap:var(--space-16)}}@media(max-width:640px){.container{padding:0 var(--space-4);max-width:100%}}@media(min-width:641px)and (max-width:768px){.container{padding:0 var(--space-6);max-width:100%}}@media(min-width:769px)and (max-width:1024px){.container{padding:0 var(--space-8);max-width:100%}}@media(min-width:1025px){.container{padding:0 var(--space-8);max-width:var(--container-7xl)}}@media(max-width:480px){.responsive-text-xs{font-size:clamp(.75rem,2vw,.875rem)}.responsive-text-sm{font-size:clamp(.875rem,2.5vw,1rem)}.responsive-text-base{font-size:clamp(1rem,3vw,1.125rem)}.responsive-text-lg{font-size:clamp(1.125rem,3.5vw,1.25rem)}.responsive-text-xl{font-size:clamp(1.25rem,4vw,1.5rem)}.responsive-text-2xl{font-size:clamp(1.5rem,5vw,2rem)}.responsive-text-3xl{font-size:clamp(1.75rem,6vw,2.5rem)}}@media(min-width:481px)and (max-width:768px){.responsive-text-xs{font-size:clamp(.75rem,1.5vw,.875rem)}.responsive-text-sm{font-size:clamp(.875rem,2vw,1rem)}.responsive-text-base{font-size:clamp(1rem,2.5vw,1.125rem)}.responsive-text-lg{font-size:clamp(1.125rem,3vw,1.25rem)}.responsive-text-xl{font-size:clamp(1.25rem,3.5vw,1.5rem)}.responsive-text-2xl{font-size:clamp(1.5rem,4vw,2rem)}.responsive-text-3xl{font-size:clamp(1.75rem,5vw,2.5rem)}}@media(min-width:769px){.responsive-text-xs{font-size:var(--text-xs)}.responsive-text-sm{font-size:var(--text-sm)}.responsive-text-base{font-size:var(--text-base)}.responsive-text-lg{font-size:var(--text-lg)}.responsive-text-xl{font-size:var(--text-xl)}.responsive-text-2xl{font-size:var(--text-2xl)}.responsive-text-3xl{font-size:var(--text-3xl)}}@media(max-width:480px){.responsive-p-4{padding:var(--space-4)}.responsive-p-6{padding:var(--space-6)}.responsive-p-8{padding:var(--space-8)}.responsive-px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.responsive-px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.responsive-py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.responsive-py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.responsive-gap-4{gap:var(--space-4)}.responsive-gap-6{gap:var(--space-6)}.responsive-gap-8{gap:var(--space-8)}}@media(min-width:481px)and (max-width:768px){.responsive-p-4{padding:var(--space-5)}.responsive-p-6{padding:var(--space-8)}.responsive-p-8{padding:var(--space-10)}.responsive-px-4{padding-left:var(--space-5);padding-right:var(--space-5)}.responsive-px-6{padding-left:var(--space-8);padding-right:var(--space-8)}.responsive-py-8{padding-top:var(--space-10);padding-bottom:var(--space-10)}.responsive-py-12{padding-top:var(--space-16);padding-bottom:var(--space-16)}.responsive-gap-4{gap:var(--space-5)}.responsive-gap-6{gap:var(--space-8)}.responsive-gap-8{gap:var(--space-10)}}@media(min-width:769px){.responsive-p-4{padding:var(--space-6)}.responsive-p-6{padding:var(--space-10)}.responsive-p-8{padding:var(--space-14)}.responsive-px-4{padding-left:var(--space-6);padding-right:var(--space-6)}.responsive-px-6{padding-left:var(--space-10);padding-right:var(--space-10)}.responsive-py-8{padding-top:var(--space-14);padding-bottom:var(--space-14)}.responsive-py-12{padding-top:var(--space-20);padding-bottom:var(--space-20)}.responsive-gap-4{gap:var(--space-6)}.responsive-gap-6{gap:var(--space-10)}.responsive-gap-8{gap:var(--space-14)}}@media(hover:none)and (pointer:coarse){.touch-friendly{min-height:44px;min-width:44px;padding:12px}.touch-friendly:hover{transform:none}.touch-friendly:active{transform:scale(.95);transition:transform .1s ease}}@media(prefers-reduced-motion:reduce){.responsive-animation{animation:none!important;transition:none!important}}@media print{.no-print{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.header,.footer,.nav,.btn,.hidden-print{display:none!important}a{text-decoration:underline}.section{padding:1rem 0}}@supports (padding: max(0px)){header{padding-top:max(0px,env(safe-area-inset-top));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}:root{--header-height: 70px;--header-scrolled-height: 60px;--header-bg: transparent;--header-border: rgba(255, 255, 255, .05);--header-blur: 0}header{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:1000;transition:all var(--transition-fast);height:var(--header-height)}@media(max-width:768px){header{background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}}.header-content{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4);transition:height var(--transition-fast)}.logo-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:all var(--transition-fast)}.logo-link:hover{transform:scale(1.05)}.logo-img{height:40px;width:auto;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;transition:height var(--transition-fast)}.logo-text{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:-.5px;transition:font-size var(--transition-fast)}.nav-desktop{display:none;align-items:center;gap:var(--space-2)}.nav-link{color:var(--gray-300);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-fast);position:relative;overflow:hidden}.nav-link:hover{color:var(--primary-color);transform:translateY(-2px)}.nav-link.active{color:var(--primary-400)}.mobile-menu-toggle{display:block}.menu-button{background:transparent;border:0;padding:var(--space-3);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast);position:relative;overflow:hidden}.menu-button:hover{transform:scale(1.05)}.menu-button:focus{outline:none;border:0}.hamburger-icon,.close-icon{color:var(--white);font-size:var(--text-xl);transition:all var(--transition-fast);position:relative;z-index:1}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#000000fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #00000080;z-index:999;border-radius:0 0 var(--radius-xl) var(--radius-xl);overflow:hidden}.mobile-nav-link{display:block;color:var(--gray-300);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-base);padding:var(--space-4) var(--space-6);border-bottom:1px solid rgba(255,255,255,.05);transition:all var(--transition-fast);position:relative;overflow:hidden}.mobile-nav-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--primary-500);transform:translate(-100%);transition:transform var(--transition-fast)}.mobile-nav-link:hover:before{transform:translate(0)}.mobile-nav-link:hover{color:var(--white);background:#ffffff0d;padding-left:var(--space-8)}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link.active{color:var(--primary-400);background:#3b82f61a}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu.active{display:block;animation:slideDown .3s ease-out}header.scrolled{height:var(--header-scrolled-height)}header.scrolled .header-content{height:var(--header-scrolled-height)}header.scrolled .logo-img{height:35px}header.scrolled .logo-text{font-size:var(--text-xl)}@media(min-width:768px){.nav-desktop{display:flex}.mobile-menu-toggle{display:none}.header-content{padding:0 var(--space-6)}}@media(min-width:1024px){.header-content{padding:0 var(--space-8)}.nav-link{font-size:var(--text-base);padding:var(--space-3) var(--space-5)}}@media(prefers-color-scheme:dark){header{background:transparent;border-bottom-color:#ffffff0d}.nav-link{color:var(--gray-300)}.nav-link:hover{color:var(--primary-color)}.mobile-menu{background:#000000fc;border-top-color:#ffffff0d}.mobile-nav-link{color:var(--gray-300);border-bottom-color:#ffffff08}.mobile-nav-link:hover{color:var(--white);background:#ffffff08}}@media(prefers-reduced-motion:reduce){.nav-link:before,.menu-button:before,.mobile-nav-link:before{display:none}.nav-link:hover:before{display:none}.nav-link:hover,.menu-button:hover,.mobile-nav-link:hover{transform:none}.mobile-menu.active{animation:none}}:root{--footer-bg: var(--gray-900);--footer-text: var(--white);--footer-secondary-text: var(--gray-400);--footer-link: var(--gray-400);--footer-link-hover: var(--white);--footer-border: rgba(255, 255, 255, .05);--footer-padding: var(--space-6)}footer{background:var(--footer-bg);color:var(--footer-text);padding:var(--footer-padding) 0;position:fixed;bottom:0;left:0;right:0;z-index:10;box-shadow:0 -2px 10px #0000001a}@media(max-width:768px){footer{background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}}.footer-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;border-top:1px solid var(--footer-border)}.footer-bottom p{color:var(--footer-secondary-text);margin:0;font-size:var(--text-sm);line-height:1.5}.footer-bottom-links{display:flex;gap:var(--space-4)}.footer-bottom-link{color:var(--footer-link);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast);position:relative}.footer-bottom-link:hover{color:var(--footer-link-hover)}.footer-bottom-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--primary-color);transition:width var(--transition-fast)}.footer-bottom-link:hover:after{width:100%}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-bottom:var(--space-8)}.footer-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--footer-text);margin-bottom:var(--space-4)}.footer-section p{color:var(--footer-secondary-text);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:var(--space-2)}.footer-section ul li a{color:var(--footer-link);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-section ul li a:hover{color:var(--footer-link-hover)}.social-links{display:flex;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:var(--footer-secondary-text);text-decoration:none;transition:all var(--transition-fast)}.social-link:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}.social-link svg{width:20px;height:20px}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary-color);color:var(--white);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1000;box-shadow:0 4px 12px #ef44444d}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.back-to-top svg{width:20px;height:20px}.newsletter-form{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.newsletter-input{flex:1;padding:var(--space-3) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:var(--white);font-size:var(--text-sm);transition:all var(--transition-fast)}.newsletter-input::placeholder{color:var(--footer-secondary-text)}.newsletter-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff26}.newsletter-button{padding:var(--space-3) var(--space-6);background:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.newsletter-button:hover{background:var(--primary-dark);transform:translateY(-1px)}@media(max-width:768px){.footer-container{padding:0 var(--space-3)}.footer-bottom{flex-direction:column;gap:var(--space-3);text-align:center}.footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.footer-content{grid-template-columns:1fr;gap:var(--space-6);text-align:center}.social-links{justify-content:center}.newsletter-form{flex-direction:column}.back-to-top{bottom:20px;right:20px;width:45px;height:45px}}@media(max-width:480px){footer{padding:var(--space-4) 0}.footer-container{padding:0 var(--space-2)}.footer-bottom,.footer-bottom-links{gap:var(--space-2)}.back-to-top{bottom:15px;right:15px;width:40px;height:40px}.back-to-top svg{width:18px;height:18px}}@media(prefers-color-scheme:dark){footer{background:var(--gray-950);border-top-color:var(--gray-800)}.footer-bottom{border-top-color:var(--gray-800)}.footer-bottom p,.footer-bottom-link{color:var(--gray-500)}.footer-bottom-link:hover{color:var(--gray-300)}}@media(prefers-reduced-motion:reduce){.footer-bottom-link:after{transition:none}.social-link:hover,.back-to-top:hover,.newsletter-button:hover{transform:none}.back-to-top{transition:opacity var(--transition-fast),visibility var(--transition-fast)}}.footer-bottom-link:focus,.social-link:focus,.back-to-top:focus,.newsletter-input:focus,.newsletter-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{footer{background:#fff!important;color:#000!important;border-top:1px solid black!important}.footer-bottom p,.footer-bottom-link{color:#000!important}.back-to-top{display:none!important}}body{min-height:100vh;margin:0;padding:0;width:100vw;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ab3;z-index:-1;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:-1;pointer-events:none}main{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding-bottom:120px}.container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}.page-section{padding:var(--space-16) 0}.page-header{text-align:center;margin-bottom:var(--space-12)}.page-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-4)}.page-subtitle{font-size:var(--text-lg);color:var(--gray-300);max-width:600px;margin:0 auto}@media(max-width:768px){body:before{background:#0f172acc}body:after{background-size:30px 30px;background-image:linear-gradient(0deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px)}.container{padding:0 var(--space-3)}.page-section{padding:var(--space-12) 0}.page-title{font-size:var(--text-3xl)}.page-subtitle{font-size:var(--text-base)}main{padding-bottom:100px}}@media(max-width:480px){.container{padding:0 var(--space-2)}.page-section{padding:var(--space-8) 0}.page-title{font-size:var(--text-2xl)}main{padding-bottom:80px}}@media(prefers-color-scheme:dark){body:before{background:#0f172acc}body:after{background-image:linear-gradient(0deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px)}}.story-section{padding:60px 40px;border-radius:16px;margin-bottom:80px}.section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);text-align:center;margin-bottom:48px;color:var(--gray-900)}.story-content{max-width:800px;margin:0 auto;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--gray-600)}.story-content p{margin-bottom:20px}.story-content p:last-child{margin-bottom:0}.mission-section{padding:50px 40px;background:linear-gradient(135deg,#dc26261a,#ef44440d);border-radius:16px;border:1px solid rgba(220,38,38,.2);text-align:center}.mission-section p{max-width:700px;margin:0 auto;font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--gray-700);font-weight:var(--font-medium)}@media(max-width:768px){.story-section{padding:40px 20px}.section-title{font-size:var(--text-4xl);margin-bottom:32px}.story-content{font-size:var(--text-xl);line-height:var(--leading-relaxed)}.story-content p{margin-bottom:24px}.mission-section{padding:40px 25px}.mission-section p{font-size:var(--text-lg)}}@media(max-width:767px){.story-section{padding:35px 15px;margin-bottom:60px}.section-title{font-size:var(--text-3xl);margin-bottom:28px}.story-content{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.story-content p{margin-bottom:20px}.mission-section{padding:35px 20px}.mission-section p{font-size:var(--text-base)}}@media(max-width:479px){.story-section{padding:30px 15px;margin-bottom:50px}.section-title{font-size:var(--text-3xl);margin-bottom:24px}.story-content{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.story-content p{margin-bottom:18px}.mission-section{padding:30px 15px}.mission-section p{font-size:var(--text-sm)}}@media(max-width:319px){.story-section{padding:25px 10px;margin-bottom:40px}.section-title{font-size:var(--text-2xl);margin-bottom:20px}.story-content{font-size:var(--text-base);line-height:var(--leading-relaxed)}.story-content p{margin-bottom:16px}.mission-section{padding:25px 10px}.mission-section p{font-size:var(--text-xs)}}.hero-section{padding:120px 0 80px;color:var(--gray-800);position:relative;overflow:hidden}.hero-content{max-width:800px;margin:0 auto;text-align:center;padding:0 20px}.hero-title{font-size:var(--text-6xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:24px;font-family:var(--font-family-primary)}.hero-title .text-gray-900{color:var(--gray-900)!important}.hero-title .text-red-500{color:var(--primary-color)!important}.hero-subtitle-typing{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--gray-700);margin-bottom:16px;height:2.5rem;display:inline-block;align-items:center;justify-content:center;font-family:var(--font-family-primary);position:relative}.hero-subtitle-typing:after{content:"|";position:absolute;right:-10px;color:var(--primary-color);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle{font-size:var(--text-xl);line-height:var(--leading-relaxed);margin-bottom:40px;opacity:.8;font-family:var(--font-family-primary);color:var(--gray-700)}.hero-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}@media(min-width:1200px){.hero-section{padding:140px 0 100px}.hero-content{max-width:1000px}.hero-title{font-size:4.5rem;margin-bottom:32px}.hero-subtitle-typing{font-size:2rem;margin-bottom:20px}.hero-subtitle{font-size:1.375rem;margin-bottom:48px}}@media(min-width:992px)and (max-width:1199px){.hero-section{padding:130px 0 90px}.hero-content{max-width:900px}.hero-title{font-size:4rem}.hero-subtitle-typing{font-size:1.875rem}.hero-subtitle{font-size:1.25rem}}@media(min-width:768px)and (max-width:991px){.hero-section{padding:100px 0 70px}.hero-content{max-width:700px;padding:0 30px}.hero-title{font-size:3rem;margin-bottom:20px}.hero-subtitle-typing{font-size:1.5rem;margin-bottom:14px;height:2rem}.hero-subtitle{font-size:1.125rem;margin-bottom:32px}.hero-actions{gap:16px}}@media(min-width:576px)and (max-width:767px){.hero-section{padding:80px 0 60px}.hero-content{padding:0 25px}.hero-title{font-size:var(--text-6xl);margin-bottom:18px;line-height:var(--leading-tight);color:var(--gray-900)}.hero-subtitle-typing{font-size:var(--text-3xl);margin-bottom:12px;height:3rem;color:var(--gray-700)}.hero-subtitle{font-size:var(--text-xl);margin-bottom:28px;line-height:var(--leading-relaxed);color:var(--gray-600)}.hero-actions{gap:14px;flex-direction:column;align-items:center}.hero-actions .btn{width:100%;max-width:280px}}@media(min-width:480px)and (max-width:575px){.hero-section{padding:70px 0 50px}.hero-content{padding:0 20px}.hero-title{font-size:var(--text-5xl);margin-bottom:16px;line-height:var(--leading-tight);color:var(--gray-900)}.hero-subtitle-typing{font-size:var(--text-2xl);margin-bottom:10px;height:2.5rem;color:var(--gray-700)}.hero-subtitle{font-size:var(--text-lg);margin-bottom:24px;line-height:var(--leading-relaxed);color:var(--gray-600)}.hero-actions{gap:12px;flex-direction:column;align-items:center}.hero-actions .btn{width:100%;max-width:250px;padding:12px 20px;font-size:var(--text-base)}}@media(max-width:479px){.hero-section{padding:60px 0 40px}.hero-content{padding:0 15px}.hero-title{font-size:var(--text-5xl);margin-bottom:14px;line-height:var(--leading-tight);color:var(--gray-900)}.hero-subtitle-typing{font-size:var(--text-2xl);margin-bottom:8px;height:2.5rem;color:var(--gray-700)}.hero-subtitle{font-size:var(--text-lg);margin-bottom:20px;line-height:var(--leading-relaxed);color:var(--gray-600)}.hero-actions{gap:10px;flex-direction:column;align-items:center}.hero-actions .btn{width:100%;max-width:220px;padding:10px 16px;font-size:var(--text-base)}.hero-subtitle-typing:after{right:-8px}}@media(max-width:319px){.hero-section{padding:50px 0 30px}.hero-content{padding:0 10px}.hero-title{font-size:var(--text-4xl);margin-bottom:12px;line-height:var(--leading-tight);color:var(--gray-900)}.hero-subtitle-typing{font-size:var(--text-xl);margin-bottom:6px;height:2.2rem;color:var(--gray-700)}.hero-subtitle{font-size:var(--text-base);margin-bottom:16px;line-height:var(--leading-relaxed);color:var(--gray-600)}.hero-actions{gap:8px;flex-direction:column;align-items:center}.hero-actions .btn{width:100%;max-width:200px;padding:8px 14px;font-size:var(--text-sm)}.hero-subtitle-typing:after{right:-6px}}.services-section{padding:80px 0;position:relative;overflow:hidden}.services-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:24px;max-width:1200px;margin:0 auto;padding:0 20px}.service-card{background:transparent;border:1px solid var(--gray-200);border-radius:16px;padding:32px 24px;transition:all .3s ease;position:relative;overflow:hidden;text-align:center}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));transform:scaleX(0);transition:transform .3s ease}.service-card:hover{box-shadow:0 20px 40px #00000014;transform:translateY(-8px);border-color:var(--primary-color)}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:64px;height:64px;background:#ef444414;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary-color);transition:all .3s ease}.service-card:hover .service-icon{background:var(--primary-color);color:var(--white);transform:scale(1.1)}.service-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:12px}.service-description{font-size:var(--text-sm);color:var(--gray-600);line-height:var(--leading-relaxed);margin-bottom:20px}.service-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);text-decoration:none;border-radius:8px;font-weight:var(--font-semibold);font-size:var(--text-sm);transition:all .3s ease;position:relative;overflow:hidden}.service-cta: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 ease}.service-cta:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.service-cta:hover:before{left:100%}.service-cta svg{transition:transform .3s ease}.service-cta:hover svg{transform:translate(2px)}@media(max-width:1024px){.services-section{padding:60px 0}.services-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);padding:0 16px;gap:20px}.service-card{padding:28px 20px}.service-icon{width:56px;height:56px}.service-title{font-size:var(--text-lg)}}@media(max-width:768px){.services-section{padding:40px 0}.services-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:16px;padding:0 12px}.service-card{padding:20px 16px}.service-icon{width:48px;height:48px;margin-bottom:12px}.service-title{font-size:var(--text-base);margin-bottom:8px}.service-description{font-size:var(--text-xs);margin-bottom:12px}.service-cta{padding:8px 16px;font-size:var(--text-xs)}}@media(max-width:480px){.services-section{padding:30px 0}.services-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);gap:12px;padding:0 8px}.service-card{padding:16px 12px}.service-icon{width:40px;height:40px;margin-bottom:10px}.service-title{font-size:var(--text-sm);margin-bottom:6px}.service-description{font-size:var(--text-xs);margin-bottom:10px}.service-cta{padding:6px 12px;font-size:var(--text-xs)}}.contact-section{padding:var(--space-20) 0;min-height:calc(100vh - 160px);display:flex;align-items:flex-start;padding-top:var(--space-8)}.contact-section .container{width:100%;max-width:none;padding:0 var(--space-4)}.contact-header{text-align:center;margin-bottom:var(--space-16)}.contact-title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-6);line-height:1.2}.contact-title .accent{color:var(--primary-500)}.contact-subtitle{font-size:var(--text-xl);color:#ffffffe6;max-width:800px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed)}.contact-description{font-size:var(--text-lg);color:#fffc;max-width:600px;margin:0 auto;line-height:var(--leading-relaxed)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-16)}.contact-info{display:flex;flex-direction:column;gap:var(--space-8)}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.contact-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);transition:all .3s ease}.contact-card:hover{transform:translateY(-4px);border-color:var(--primary-500);box-shadow:0 12px 24px #0003}.contact-card-icon{width:48px;height:48px;background:var(--primary-500);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.contact-card-content h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--white);margin-bottom:var(--space-2)}.contact-value{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--primary-500);margin-bottom:var(--space-1);text-decoration:none;transition:color .3s ease}.contact-value:hover{color:var(--primary-400)}.contact-detail{font-size:var(--text-sm);color:#ffffffb3}.contact-form-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-8)}.contact-form-container{max-width:100%}.contact-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:#ffffffe6}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:var(--space-3);color:var(--white);font-size:var(--text-base);transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-500);background:#ffffff14}.form-group textarea{resize:vertical;min-height:120px}.submit-button{background:var(--primary-500);color:var(--white);border:none;border-radius:8px;padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all .3s ease}.submit-button:hover{background:var(--primary-600);transform:translateY(-2px)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.policy-links{margin-top:var(--space-16);padding:var(--space-12) 0;border-top:1px solid rgba(255,255,255,.1)}.policy-links-content{max-width:800px;margin:0 auto;text-align:center}.policy-links-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-8)}.policy-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.policy-link{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);text-decoration:none;transition:all .3s ease;color:inherit}.policy-link:hover{transform:translateY(-4px);border-color:var(--primary-500);box-shadow:0 12px 24px #0003;background:#ffffff14}.policy-link svg{width:20px;height:20px;color:var(--primary-500);flex-shrink:0;margin-top:2px}.policy-link-content h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--white);margin-bottom:var(--space-2)}.policy-link-content p{font-size:var(--text-sm);color:#ffffffb3;line-height:var(--leading-relaxed);margin:0}@media(max-width:1024px){.contact-section{padding:var(--space-16) 0}.contact-header{margin-bottom:var(--space-12)}.contact-title{font-size:var(--text-4xl)}.contact-content{grid-template-columns:1fr;gap:var(--space-8)}.contact-info-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media(max-width:768px){.contact-section{padding:var(--space-12) 0}.contact-header{margin-bottom:var(--space-8)}.contact-title{font-size:var(--text-3xl)}.contact-subtitle{font-size:var(--text-lg)}.contact-description{font-size:var(--text-base)}.contact-content{gap:var(--space-6)}.contact-info-grid{grid-template-columns:1fr;gap:var(--space-4)}.contact-card{padding:var(--space-4)}.contact-form-section{padding:var(--space-6)}.policy-links{margin-top:var(--space-12);padding:var(--space-8) 0}.policy-links-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media(max-width:640px){.contact-section{padding:var(--space-10) 0}.contact-header{margin-bottom:var(--space-6)}.contact-title{font-size:var(--text-2xl)}.contact-subtitle{font-size:var(--text-base)}.contact-description{font-size:var(--text-sm)}.contact-content{gap:var(--space-4)}.contact-info-grid{grid-template-columns:1fr;gap:var(--space-4)}.contact-card{flex-direction:column;text-align:center;padding:var(--space-4)}.contact-card-icon{margin:0 auto var(--space-3)}.contact-form-section{padding:var(--space-4)}.form-row{flex-direction:column;gap:0}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm)}.form-input,.form-textarea{font-size:var(--text-sm);padding:var(--space-3)}.submit-button{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.policy-links{margin-top:var(--space-10);padding:var(--space-6) 0}.policy-links-title{font-size:var(--text-lg)}.policy-link{flex-direction:column;text-align:center;padding:var(--space-4)}.policy-link svg{margin:0 auto var(--space-2)}.policy-link-content h4{font-size:var(--text-base)}.policy-link-content p{font-size:var(--text-xs)}}@media(max-width:479px){.contact-section{padding:var(--space-8) 0}.contact-header{margin-bottom:var(--space-6)}.contact-title{font-size:var(--text-xl);line-height:1.3}.contact-subtitle{font-size:var(--text-sm)}.contact-description{font-size:var(--text-xs)}.contact-content{gap:var(--space-4)}.contact-card{padding:var(--space-3)}.contact-card-icon{width:40px;height:40px;margin:0 auto var(--space-2)}.contact-card-icon svg{width:20px;height:20px}.contact-card-content h3{font-size:var(--text-base)}.contact-card-content .contact-value{font-size:var(--text-sm)}.contact-card-content .contact-detail{font-size:var(--text-xs)}.contact-form-section{padding:var(--space-3)}.section-title{font-size:var(--text-lg)}.form-group{margin-bottom:var(--space-3)}.form-label{font-size:var(--text-xs);margin-bottom:var(--space-1)}.form-input,.form-textarea{font-size:var(--text-xs);padding:var(--space-2);border-radius:6px}.form-textarea{min-height:100px}.char-counter{font-size:var(--text-xs)}.submit-button{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-radius:6px}.submit-button svg{width:16px;height:16px}.policy-links{margin-top:var(--space-8);padding:var(--space-4) 0}.policy-links-title{font-size:var(--text-base)}.policy-links-grid{gap:var(--space-3)}.policy-link{padding:var(--space-3);border-radius:8px}.policy-link svg{width:16px;height:16px}.policy-link-content h4{font-size:var(--text-sm)}.policy-link-content p{font-size:var(--text-xs)}}@media(max-width:320px){.contact-section{padding:var(--space-6) 0}.contact-title{font-size:var(--text-lg)}.contact-card,.contact-form-section,.form-input,.form-textarea{padding:var(--space-2)}.submit-button{padding:var(--space-2) var(--space-3)}.policy-link{padding:var(--space-2)}}@media(max-height:500px)and (orientation:landscape){.contact-section{padding:var(--space-6) 0}.contact-header{margin-bottom:var(--space-4)}.contact-title{font-size:var(--text-2xl)}.contact-content{gap:var(--space-4)}.contact-card{padding:var(--space-3)}.contact-form-section{padding:var(--space-4)}.policy-links{margin-top:var(--space-6);padding:var(--space-4) 0}}.quote-page{min-height:100vh;padding:var(--space-20) 0;margin-top:80px}.quote-container{max-width:900px;margin:0 auto;padding:0 var(--space-4)}.quote-hero{text-align:center;margin-bottom:var(--space-12)}.quote-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);line-height:var(--leading-tight)}.quote-title-icon{width:32px;height:32px;color:var(--red-500);flex-shrink:0}.quote-description{font-size:var(--text-lg);color:var(--gray-600);max-width:600px;margin:0 auto;line-height:var(--leading-relaxed)}.quote-form-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:var(--space-8)}.quote-form{display:flex;flex-direction:column;gap:var(--space-8)}.form-section{display:flex;flex-direction:column;gap:var(--space-4)}.form-section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:#fff;display:flex;align-items:center;gap:var(--space-2);line-height:var(--leading-tight)}.form-section-icon{width:20px;height:20px;color:var(--primary-500);flex-shrink:0}.form-grid{display:grid;gap:var(--space-4)}.form-grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:#ffffffe6;line-height:var(--leading-tight)}.form-label.required:after{content:" *";color:var(--primary-500)}.custom-dropdown{position:relative;width:100%}.custom-dropdown-trigger{width:100%;padding:12px 40px 12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:var(--text-base);color:#fff;background:transparent;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:space-between;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.custom-dropdown-trigger:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;transition:transform .3s ease}.custom-dropdown-trigger:hover{background:#ffffff26;border-color:#fff6}.custom-dropdown-trigger:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #ef444433;background:#ffffff26}.custom-dropdown-trigger.active:after{transform:translateY(-50%) rotate(180deg)}.custom-dropdown-options{position:absolute;top:100%;left:0;right:0;z-index:9999;background:#0f172af2;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #0006;max-height:200px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;margin-top:4px;display:block!important;pointer-events:none}.custom-dropdown-options.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.custom-dropdown-option{padding:12px 16px;color:#fff;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.1);font-size:var(--text-base);pointer-events:auto}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option:hover{background:var(--primary-500);color:#fff}.custom-dropdown-option.selected{background:#ef444433;color:var(--primary-500)}.custom-dropdown-option:first-child{border-radius:8px 8px 0 0}.custom-dropdown-option:last-child{border-radius:0 0 8px 8px}.custom-dropdown-options::-webkit-scrollbar{width:6px}.custom-dropdown-options::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.custom-dropdown-options::-webkit-scrollbar-thumb{background:var(--primary-500);border-radius:3px}.custom-dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--primary-600)}.form-input,.form-textarea{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:var(--text-base);color:#fff;background:transparent;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #ef444433}.form-input::placeholder,.form-textarea::placeholder{color:#fff9}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.checkbox-section{display:flex;flex-direction:column;gap:var(--space-3)}.checkbox-label{font-size:var(--text-base);font-weight:var(--font-medium);color:#fff;line-height:var(--leading-tight)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.checkbox-item{display:flex;align-items:center;gap:var(--space-2)}.checkbox-input{width:16px;height:16px;color:var(--red-500);border-color:var(--gray-300);border-radius:4px;transition:all .3s ease}.checkbox-input:focus{outline:none;box-shadow:0 0 0 2px #ef444433}.checkbox-text{font-size:var(--text-sm);color:#ffffffe6;line-height:var(--leading-tight);cursor:pointer;-webkit-user-select:none;user-select:none}.form-submit{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-4)}.submit-button{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-button-icon{width:20px;height:20px}.submit-spinner{width:20px;height:20px;animation:spin 1s linear infinite}.submit-note{font-size:var(--text-sm);color:#fffc;line-height:var(--leading-relaxed)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--red-500);box-shadow:0 0 0 2px #ef444433}.form-error-message{font-size:var(--text-sm);color:var(--red-500);margin-top:var(--space-1)}.form-input.success,.form-select.success,.form-textarea.success{border-color:var(--green-500);box-shadow:0 0 0 2px #22c55e33}.form-progress{margin-bottom:var(--space-8)}.progress-bar{height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--red-500);transition:width .3s ease}.progress-steps{display:flex;justify-content:space-between;margin-top:var(--space-2)}.progress-step{font-size:var(--text-xs);color:var(--gray-500);text-align:center}.progress-step.active{color:var(--red-500);font-weight:var(--font-medium)}.progress-step.completed{color:var(--green-500)}@media(max-width:768px){.quote-page{padding:var(--space-16) 0;margin-top:60px}.quote-title{font-size:var(--text-3xl);flex-direction:column;gap:var(--space-3)}.quote-description{font-size:var(--text-base)}.quote-form-container{padding:var(--space-6)}.form-grid-2,.form-grid-3,.checkbox-grid{grid-template-columns:1fr}.form-submit{flex-direction:column;align-items:stretch}.submit-button{width:100%}}@media(max-width:480px){.quote-page{padding:var(--space-12) 0}.quote-title{font-size:var(--text-2xl)}.quote-form-container{padding:var(--space-4)}.form-section-title{font-size:var(--text-lg)}.form-input,.form-select,.form-textarea{padding:10px 14px;font-size:var(--text-sm)}.submit-button{padding:10px 20px;font-size:var(--text-sm)}}.form-input:focus,.form-select:focus,.form-textarea:focus,.checkbox-input:focus,.submit-button:focus{outline:2px solid var(--red-500);outline-offset:2px}@media(prefers-contrast:high){.quote-form-container{border:2px solid black}.form-input,.form-select,.form-textarea{border:2px solid black;background:#fff;color:#000}.submit-button{background:#000;color:#fff;border:2px solid black}}@media(prefers-reduced-motion:reduce){.form-input,.form-select,.form-textarea,.submit-button,.submit-spinner{transition:none;animation:none}}@media print{.quote-page{margin-top:0;padding:var(--space-4) 0;background:#fff}.quote-form-container{box-shadow:none;border:1px solid #ccc}.submit-button{display:none}.form-section{page-break-inside:avoid}}.portfolio-section{padding:var(--space-20) 0;min-height:calc(100vh - 160px);display:flex;align-items:flex-start;padding-top:var(--space-8)}.portfolio-section .container{width:100%;max-width:none;padding:0 var(--space-4)}.portfolio-header{text-align:center;margin-bottom:var(--space-16)}.portfolio-title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-6);line-height:1.2}.portfolio-title .accent{color:var(--primary-color)}.portfolio-subtitle{font-size:var(--text-xl);color:var(--gray-300);max-width:3xl;margin:0 auto;line-height:var(--leading-relaxed)}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-16)}.project-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);cursor:pointer;height:100%;display:flex;flex-direction:column}.project-card-link{text-decoration:none;color:inherit;display:block;height:100%;transition:all var(--transition-normal)}.project-card-link:hover{text-decoration:none;color:inherit}.project-card-link:hover .project-card{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:var(--primary-color)}.project-image{width:100%;height:200px;object-fit:cover;transition:transform var(--transition-fast)}.project-card:hover .project-image{transform:scale(1.05)}.project-content{padding:var(--space-6)}.project-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--white);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.project-description{font-size:var(--text-sm);color:var(--gray-400);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-tag{background:#ef44441a;color:var(--primary-color);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}@media(max-width:1024px){.portfolio-section{padding:var(--space-16) 0}.portfolio-header{margin-bottom:var(--space-12)}.portfolio-title{font-size:var(--text-4xl)}.portfolio-subtitle{font-size:var(--text-lg)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}@media(max-width:768px){.portfolio-section{padding:var(--space-12) 0}.portfolio-header{margin-bottom:var(--space-8)}.portfolio-title{font-size:var(--text-3xl)}.portfolio-subtitle{font-size:var(--text-base)}.filter-buttons{gap:var(--space-2);margin-bottom:var(--space-8)}.filter-button{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.projects-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.project-image{height:150px}.project-content{padding:var(--space-4)}}@media(max-width:480px){.portfolio-section{padding:var(--space-8) 0}.portfolio-header{margin-bottom:var(--space-6)}.portfolio-title{font-size:var(--text-2xl)}.portfolio-subtitle{font-size:var(--text-sm)}.projects-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.project-image{height:120px}.project-content{padding:var(--space-3)}}@media(prefers-color-scheme:dark){.project-card{background:#0000004d;border-color:#ffffff0d}.project-card:hover{border-color:var(--primary-color)}}@media(prefers-reduced-motion:reduce){.project-card:hover,.filter-button:hover,.project-image{transform:none}.project-card,.filter-button,.project-image{transition:none}}.filter-button:focus,.project-card:focus{outline:2px solid var(--primary-color);outline-offset:2px}.portfolio-single-section{padding:var(--space-20) 0;min-height:calc(100vh - 160px)}.portfolio-single-section .container{max-width:1000px;margin:0 auto;padding:0 var(--space-4)}.portfolio-breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);font-size:var(--text-sm);color:#ffffffb3}.breadcrumb-link{color:#ffffffb3;text-decoration:none;transition:color var(--transition-base)}.breadcrumb-link:hover{color:var(--primary-500)}.breadcrumb-separator{color:#ffffff80}.project-image-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-16)}.project-image{width:100%;height:auto;display:block;transition:transform var(--transition-base)}.project-image-container:hover .project-image{transform:scale(1.02)}.portfolio-header{text-align:center;margin-bottom:var(--space-16);max-width:800px;margin-left:auto;margin-right:auto;padding-bottom:var(--space-8);border-bottom:1px solid rgba(255,255,255,.1)}.project-type-badge{display:inline-block;background:var(--primary-500);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-6)}.project-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-6);line-height:1.2}.project-excerpt{font-size:var(--text-lg);color:#fffc;margin-bottom:var(--space-12);line-height:var(--leading-relaxed)}.portfolio-content{display:flex;flex-direction:column;gap:var(--space-16);margin-top:var(--space-4);position:relative;clear:both}.project-description{background:transparent;border:none;border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-12);margin-top:var(--space-8)}.description-content{font-size:var(--text-base);color:#fffc;line-height:var(--leading-relaxed)}.description-content h1,.description-content h2,.description-content h3{color:var(--white);margin-top:var(--space-4);margin-bottom:var(--space-2)}.description-content a{color:var(--primary-500);text-decoration:none}.description-content a:hover{color:var(--primary-400);text-decoration:underline}.project-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-4);margin-bottom:var(--space-8)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);text-decoration:none;font-weight:var(--font-medium);transition:all var(--transition-base);font-size:var(--text-base)}.btn-primary{background:var(--primary-500);color:var(--white);border:2px solid var(--primary-500)}.btn-primary:hover{background:var(--primary-600);border-color:var(--primary-600);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.project-technologies{background:transparent;border:none;border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-12)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tech-tag{background:var(--primary-500);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base)}.tech-tag:hover{background:var(--primary-600);transform:translateY(-1px)}.related-projects{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-12)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.related-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.related-card:hover{transform:translateY(-4px);border-color:var(--primary-500)}.related-image{width:100%;height:200px;overflow:hidden}.related-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.related-card:hover .related-img{transform:scale(1.05)}.related-content{padding:var(--space-6)}.related-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--white);margin-bottom:var(--space-3)}.related-link{color:var(--primary-500);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-base)}.related-link:hover{color:var(--primary-400)}.related-cta{text-align:center}@media(max-width:1024px){.portfolio-single-section{padding:var(--space-16) 0}.project-title{font-size:var(--text-3xl)}.project-excerpt{font-size:var(--text-base)}.related-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}}@media(max-width:768px){.portfolio-single-section{padding:var(--space-12) 0}.portfolio-header{margin-bottom:var(--space-12)}.project-title{font-size:var(--text-2xl)}.project-excerpt{font-size:var(--text-sm)}.project-actions{flex-direction:column;align-items:center;gap:var(--space-3)}.btn{width:100%;max-width:300px;justify-content:center}.portfolio-content{gap:var(--space-12)}.project-description,.project-technologies,.related-projects{padding:var(--space-6)}.section-title{font-size:var(--text-xl)}.related-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media(max-width:480px){.portfolio-single-section{padding:var(--space-8) 0}.portfolio-header{margin-bottom:var(--space-8)}.project-title{font-size:var(--text-xl)}.project-excerpt{font-size:var(--text-xs)}.project-description,.project-technologies,.related-projects{padding:var(--space-4)}.section-title{font-size:var(--text-lg)}.description-content{font-size:var(--text-sm)}.tech-tags{gap:var(--space-2)}.tech-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.related-image{height:150px}.related-content{padding:var(--space-4)}.related-title{font-size:var(--text-base)}}.blog-section{padding:var(--space-20) 0;min-height:calc(100vh - 160px);display:flex;align-items:flex-start;padding-top:var(--space-8)}.blog-section .container{width:100%;max-width:none;padding:0 var(--space-4)}.blog-header{text-align:center;margin-bottom:var(--space-16)}.blog-title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-6);line-height:1.2}.blog-title .accent{color:var(--primary-500)}.blog-description{font-size:var(--text-xl);color:#ffffffe6;max-width:3xl;margin:0 auto;line-height:var(--leading-relaxed)}.blog-filter-section{margin-bottom:var(--space-12)}.blog-filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-12)}.blog-filter-button{background:transparent;color:var(--primary-500);border:2px solid var(--primary-500);border-radius:20px;padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.blog-filter-button:hover{background:var(--primary-500);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.blog-filter-button.active{background:var(--primary-500);color:#fff}.blog-post-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all var(--transition-fast);cursor:pointer}.blog-post-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:var(--primary-500)}.blog-post-image{width:100%;height:200px;object-fit:cover;transition:transform var(--transition-fast)}.blog-post-card:hover .blog-post-image{transform:scale(1.05)}.blog-post-content{padding:var(--space-6)}.blog-post-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:#fff;margin-bottom:var(--space-2);line-height:var(--leading-tight)}.blog-post-excerpt{font-size:var(--text-sm);color:#fffc;margin-bottom:var(--space-4);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-post-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:#ffffffb3}.blog-post-meta-item{display:flex;align-items:center;gap:var(--space-2)}.blog-post-meta-icon{width:16px;height:16px;color:#fff9}.blog-post-category{position:absolute;top:12px;left:12px;background:var(--primary-500);color:#fff;padding:4px 12px;border-radius:16px;font-size:var(--text-xs);font-weight:var(--font-medium)}.blog-post-read-time{position:absolute;top:12px;right:12px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:var(--text-xs);font-weight:var(--font-medium)}.blog-search-filter{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-8);margin-bottom:var(--space-12);display:flex;gap:var(--space-6);align-items:center;flex-wrap:wrap}.blog-search-container{position:relative;flex:1;min-width:300px}.blog-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#fff9}.blog-search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:var(--text-base);color:#fff;background:transparent;transition:all .3s ease}.blog-search-input::placeholder{color:#fff9}.blog-search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #ef444433}.blog-category-filter{display:flex;gap:var(--space-2);flex-wrap:wrap}.blog-category-btn{padding:8px 16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:var(--text-sm);font-weight:var(--font-medium);color:#ffffffe6;background:transparent;cursor:pointer;transition:all .3s ease}.blog-category-btn:hover{background:#ffffff0d;border-color:#fff3}.blog-category-btn.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-12)}.blog-pagination-btn{padding:8px 16px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffffe6;text-decoration:none;border-radius:8px;transition:all .3s ease}.blog-pagination-btn:hover:not(.disabled){background:#ffffff0d;border-color:#fff3}.blog-pagination-btn.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.blog-pagination-btn.disabled{opacity:.5;cursor:not-allowed}.blog-newsletter{padding:var(--space-12);border-radius:16px;text-align:center;margin-bottom:var(--space-12)}.blog-newsletter-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.blog-newsletter-description{font-size:var(--text-base);margin-bottom:var(--space-6);opacity:.9}.blog-newsletter-form{display:flex;gap:var(--space-4);max-width:400px;margin:0 auto}.blog-newsletter-input{padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:var(--text-base);color:#fff;background:transparent;flex:1}.blog-newsletter-input::placeholder{color:#fff9}.blog-newsletter-btn{background:#fff;color:var(--primary-500);border:none;padding:12px 24px;border-radius:8px;font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:background .3s ease}.blog-newsletter-btn:hover{background:var(--gray-100)}@media(max-width:1024px){.blog-section{padding:var(--space-16) 0}.blog-header{margin-bottom:var(--space-12)}.blog-title{font-size:var(--text-4xl)}.blog-description{font-size:var(--text-lg)}.blog-posts-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media(max-width:768px){.blog-section{padding:var(--space-12) 0}.blog-header{margin-bottom:var(--space-8)}.blog-title{font-size:var(--text-3xl)}.blog-description{font-size:var(--text-base)}.blog-search-filter{flex-direction:column;align-items:stretch}.blog-search-container{min-width:auto}.blog-category-filter{justify-content:center}.blog-posts-grid{grid-template-columns:1fr;gap:var(--space-6)}.blog-newsletter-form{flex-direction:column}}@media(max-width:479px){.blog-section{padding:var(--space-8) 0}.blog-title{font-size:var(--text-2xl)}.blog-description{font-size:var(--text-sm)}.blog-post-card{margin:0 var(--space-4)}.blog-newsletter{padding:var(--space-8)}}.blog-post-section{padding:var(--space-20) 0;min-height:calc(100vh - 160px);display:flex;align-items:flex-start;padding-top:var(--space-8)}.blog-post-section .container{width:100%;max-width:none;padding:0 var(--space-4)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:#fff3;z-index:1000}.reading-progress-fill{height:100%;background:var(--primary-500);transition:width .3s ease}.article-header{padding:var(--space-20) 0;margin-bottom:var(--space-12);text-align:center}.article-breadcrumb{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);font-size:var(--text-sm);color:#ffffffb3}.article-breadcrumb a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.article-breadcrumb a:hover{color:var(--primary-500)}.article-category{display:inline-block;padding:8px 16px;background:var(--primary-500);color:var(--white);border-radius:16px;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-6);transition:background .3s ease}.article-category:hover{background:var(--primary-600)}.article-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--white);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.article-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-8);font-size:var(--text-sm);color:#fffc}.article-author{display:flex;align-items:center;gap:var(--space-3)}.article-author img{width:40px;height:40px;border-radius:50%;object-fit:cover}.article-author-info{display:flex;flex-direction:column}.article-author-name{font-weight:var(--font-semibold);color:var(--white)}.article-author-title{color:#fffc}.article-date,.article-reading-time{display:flex;align-items:center;gap:var(--space-2)}.article-featured-image{margin-bottom:var(--space-12);text-align:center}.article-featured-image img{width:100%;max-width:800px;height:auto;border-radius:12px;box-shadow:var(--shadow-lg)}.article-content{max-width:800px;margin:0 auto var(--space-12);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#ffffffe6;text-align:left}.article-content h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--white);margin:var(--space-8) 0 var(--space-4);line-height:var(--leading-tight)}.article-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--white);margin:var(--space-6) 0 var(--space-3);line-height:var(--leading-tight)}.article-content p{margin-bottom:var(--space-6)}.article-content ul,.article-content ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.article-content li{margin-bottom:var(--space-2)}.article-content blockquote{border-left:4px solid var(--primary-500);padding-left:var(--space-6);margin:var(--space-6) 0;font-style:italic;color:#fffc}.article-content code{background:#ffffff1a;padding:2px 6px;border-radius:var(--radius-base);font-family:var(--font-family-mono);font-size:.9em}.article-content pre{background:var(--gray-900);color:var(--white);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-6) 0}.article-content pre code{background:none;padding:0}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-6) 0}.article-footer{max-width:800px;margin:0 auto;padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1)}.article-tags{margin-bottom:var(--space-8)}.article-tags-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--white);margin-bottom:var(--space-4)}.article-tags-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.article-tag{display:inline-block;padding:6px 12px;background:#ffffff1a;color:var(--primary-500);text-decoration:none;border-radius:16px;font-size:var(--text-sm);transition:all .3s ease}.article-tag:hover{background:var(--primary-500);color:var(--white)}.article-share{margin-bottom:var(--space-8)}.article-share-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--white);margin-bottom:var(--space-4)}.share-buttons{display:flex;gap:var(--space-3);justify-content:center}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff1a;color:#fff9;text-decoration:none;transition:all .3s ease}.share-btn:hover{color:var(--white)}.share-btn[data-platform=facebook]:hover{background:#1877f2}.share-btn[data-platform=twitter]:hover{background:#1da1f2}.share-btn[data-platform=linkedin]:hover{background:#0077b5}.share-btn[data-platform=whatsapp]:hover{background:#25d366}.related-posts{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:var(--space-12);border-radius:12px;margin-bottom:var(--space-12)}.related-posts-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-8);text-align:center}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}@media(max-width:768px){.blog-post-section{padding:var(--space-16) 0}.article-header{margin-bottom:var(--space-8)}.article-title{font-size:var(--text-3xl)}.article-meta{flex-direction:column;align-items:center;gap:var(--space-3)}.article-content{font-size:var(--text-base)}.share-buttons{justify-content:center}.related-posts-grid{grid-template-columns:1fr}}@media(max-width:479px){.blog-post-section{padding:var(--space-12) 0}.article-title{font-size:var(--text-2xl)}.article-content{font-size:var(--text-sm)}.article-author{flex-direction:column;text-align:center}.article-breadcrumb{flex-wrap:wrap;justify-content:center}}.blog-tag-section{padding:var(--space-20) 0;min-height:calc(100vh - 160px);display:flex;align-items:flex-start;padding-top:var(--space-8)}.blog-tag-section .container{width:100%;max-width:none;padding:0 var(--space-4)}.tag-header{text-align:center;margin-bottom:var(--space-16)}.tag-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:#fff;margin-bottom:var(--space-6);line-height:1.2}.tag-title .accent{color:var(--primary-500)}.tag-count{font-size:var(--text-lg);color:#ffffffe6;line-height:var(--leading-relaxed)}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}.blog-tag-post-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all var(--transition-fast);cursor:pointer}.blog-tag-post-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:var(--primary-500)}.blog-tag-post-image{width:100%;height:200px;object-fit:cover;transition:transform var(--transition-fast)}.blog-tag-post-card:hover .blog-tag-post-image{transform:scale(1.05)}.blog-tag-post-content{padding:var(--space-6)}.blog-tag-post-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:#fff;margin-bottom:var(--space-2);line-height:var(--leading-tight)}.blog-tag-post-excerpt{font-size:var(--text-sm);color:#fffc;margin-bottom:var(--space-4);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-tag-post-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:#ffffffb3}.blog-tag-post-meta-item{display:flex;align-items:center;gap:var(--space-2)}.blog-tag-post-meta-icon{width:16px;height:16px;color:#fff9}.blog-tag-post-category{position:absolute;top:12px;left:12px;background:var(--primary-500);color:#fff;padding:4px 12px;border-radius:16px;font-size:var(--text-xs);font-weight:var(--font-medium)}.blog-tag-post-read-time{position:absolute;top:12px;right:12px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:var(--text-xs);font-weight:var(--font-medium)}.blog-empty-state{text-align:center;padding:var(--space-16) var(--space-8);margin-bottom:var(--space-12)}.blog-empty-icon{width:80px;height:80px;margin:0 auto var(--space-6);color:#fff9}.blog-empty-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:#fff;margin-bottom:var(--space-4)}.blog-empty-description{color:#fffc;margin-bottom:var(--space-6)}.back-to-blog-btn{display:inline-flex;align-items:center;padding:8px 16px;background:var(--primary-500);color:#fff;text-decoration:none;border-radius:8px;font-weight:var(--font-medium);transition:background .3s ease}.back-to-blog-btn:hover{background:var(--primary-600)}.back-to-blog-icon{width:20px;height:20px;margin-right:8px}.blog-tag-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-12)}.blog-tag-pagination-btn{padding:8px 16px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffffe6;text-decoration:none;border-radius:8px;transition:all .3s ease}.blog-tag-pagination-btn:hover:not(.disabled){background:#ffffff0d;border-color:#fff3}.blog-tag-pagination-btn.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.blog-tag-pagination-btn.disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.blog-tag-section{padding:var(--space-16) 0}.tag-header{margin-bottom:var(--space-12)}.tag-title{font-size:var(--text-3xl)}.tag-count{font-size:var(--text-lg)}.blog-posts-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media(max-width:768px){.blog-tag-section{padding:var(--space-12) 0}.tag-header{margin-bottom:var(--space-8)}.tag-title{font-size:var(--text-2xl)}.tag-count{font-size:var(--text-base)}.blog-posts-grid{grid-template-columns:1fr;gap:var(--space-6)}}@media(max-width:479px){.blog-tag-section{padding:var(--space-8) 0}.tag-title{font-size:var(--text-xl)}.tag-count{font-size:var(--text-sm)}.blog-tag-post-card{margin:0 var(--space-4)}.blog-empty-state{padding:var(--space-12) var(--space-6)}}.digital-products-section{padding:var(--space-20) 0;min-height:calc(100vh - 160px);display:flex;align-items:flex-start;padding-top:var(--space-8)}.digital-products-section .container{width:100%;max-width:none;padding:0 var(--space-4)}.products-header{text-align:center;margin-bottom:var(--space-16)}.products-title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-6);line-height:1.2}.products-title .accent{color:var(--primary-color)}.products-subtitle{font-size:var(--text-xl);color:var(--gray-300);max-width:3xl;margin:0 auto var(--space-8);line-height:var(--leading-relaxed)}.discount-banner{background:linear-gradient(135deg,var(--success-color),var(--success-dark));border-radius:var(--radius-2xl);padding:var(--space-6);display:inline-block;box-shadow:0 10px 30px #10b9814d;margin-top:var(--space-6)}.discount-content{display:flex;align-items:center;gap:var(--space-3)}.discount-icon{width:2rem;height:2rem;color:var(--white);flex-shrink:0}.discount-info{text-align:left}.discount-name{font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--white);margin-bottom:var(--space-1)}.discount-desc{font-size:var(--text-sm);color:#ffffffe6}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error-color);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-6);display:inline-block}.filter-section{margin-bottom:var(--space-12)}.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-12)}.filter-button{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.filter-button:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.filter-button.active{background:var(--primary-color);color:var(--white)}.products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-16)}.product-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast);cursor:pointer}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:var(--primary-color)}.product-image-link{display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--gray-700),var(--gray-800));aspect-ratio:1}.product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.product-card:hover .product-image{transform:scale(1.1)}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.placeholder-icon{width:4rem;height:4rem;color:var(--gray-400)}.badge{position:absolute;background:var(--primary-color);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);box-shadow:0 4px 12px #0000004d}.popular-badge{top:var(--space-2);left:var(--space-2);background:linear-gradient(135deg,var(--warning-color),var(--warning-dark))}.downloadable-badge{top:var(--space-2);right:var(--space-2);background:var(--info-color)}.product-info{padding:var(--space-3)}.product-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-1);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-title:hover{color:var(--primary-color)}.product-duration{font-size:var(--text-xs);color:var(--gray-400);margin-bottom:var(--space-2)}.product-pricing{margin-bottom:var(--space-3)}.pricing-discounted{display:flex;flex-direction:column}.price-current{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-color)}.price-original{font-size:var(--text-xs);color:var(--gray-400);text-decoration:line-through}.product-button{display:block;width:100%;text-align:center;padding:var(--space-2);background:var(--primary-color);color:var(--white);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none}.product-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-16)}.empty-icon{width:6rem;height:6rem;margin:0 auto var(--space-4);color:var(--gray-400)}.empty-title{font-size:var(--text-xl);color:var(--gray-300);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.empty-subtitle{color:var(--gray-400)}@media(max-width:1280px){.products-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.digital-products-section{padding:var(--space-16) 0}.products-header{margin-bottom:var(--space-12)}.products-title{font-size:var(--text-4xl)}.products-subtitle{font-size:var(--text-lg)}.products-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}@media(max-width:768px){.digital-products-section{padding:var(--space-12) 0}.products-header{margin-bottom:var(--space-8)}.products-title{font-size:var(--text-3xl)}.products-subtitle{font-size:var(--text-base)}.filter-buttons{gap:var(--space-2);margin-bottom:var(--space-8)}.filter-button{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media(max-width:480px){.digital-products-section{padding:var(--space-8) 0}.products-header{margin-bottom:var(--space-6)}.products-title{font-size:var(--text-2xl)}.products-subtitle{font-size:var(--text-sm)}.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media(prefers-color-scheme:dark){.product-card{background:#0000004d;border-color:#ffffff0d}.product-card:hover{border-color:var(--primary-color)}}@media(prefers-reduced-motion:reduce){.product-card:hover,.filter-button:hover,.product-image,.product-button{transform:none}.product-card,.filter-button,.product-image,.product-button{transition:none}}.filter-button:focus,.product-card:focus,.product-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.digital-product-detail-section{padding:var(--space-20) 0;min-height:calc(100vh - 160px);display:flex;align-items:flex-start;padding-top:var(--space-8)}.digital-product-detail-section .container{width:100%;max-width:none;padding:0 var(--space-4)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-16)}.product-image-section{position:relative}.product-main-image{width:100%;height:auto;border-radius:var(--radius-2xl);object-fit:cover;box-shadow:0 20px 40px #0000004d}.product-image-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--gray-700),var(--gray-800));border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0000004d}.placeholder-icon{width:6rem;height:6rem;color:var(--gray-400)}.product-badges{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.badge{background:var(--primary-color);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);box-shadow:0 4px 12px #0000004d}.popular-badge{background:linear-gradient(135deg,var(--warning-color),var(--warning-dark))}.downloadable-badge{background:var(--info-color)}.product-info-section{display:flex;flex-direction:column;gap:var(--space-6)}.product-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--white);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.product-subtitle{font-size:var(--text-lg);color:var(--gray-300);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.floating-currency-container{position:fixed;top:50%;right:var(--space-4);transform:translateY(-50%);z-index:1000;pointer-events:none}.floating-currency-container .currency-dropdown{pointer-events:auto}.currency-toggle-button{display:flex;align-items:center;gap:var(--space-2);background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #00000080;border-radius:var(--radius-2xl);padding:var(--space-3) var(--space-4);min-width:120px;transition:all var(--transition-fast);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--white)}.currency-toggle-button:hover{transform:scale(1.05);box-shadow:0 12px 40px #000000b3}.currency-flag{font-size:1.2em;line-height:1}.currency-code{font-weight:var(--font-bold)}.dropdown-arrow{width:1rem;height:1rem;transition:transform var(--transition-fast)}.currency-dropdown-menu{position:absolute;bottom:100%;right:0;margin-bottom:var(--space-2);background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);box-shadow:0 12px 40px #0009;min-width:200px;max-height:300px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-fast)}.currency-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.currency-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.1)}.currency-option:last-child{border-bottom:none}.currency-option:hover{background:#ffffff1a}.currency-option:first-child{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.currency-option:last-child{border-radius:0 0 var(--radius-xl) var(--radius-xl)}.currency-name{flex:1;font-weight:var(--font-medium);color:var(--white)}.currency-symbol{font-weight:var(--font-bold);color:var(--gray-400);font-size:var(--text-sm)}.pricing-section{padding:var(--space-6);background:#ffffff0d;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1)}.price-display{display:flex;align-items:center;gap:var(--space-4)}.price-current{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--primary-color)}.price-original{font-size:var(--text-lg);color:var(--gray-400);text-decoration:line-through}.discount-badge{background:linear-gradient(135deg,var(--success-color),var(--success-dark));color:var(--white);font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-4)}.purchase-button{display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);font-size:var(--text-lg);font-weight:var(--font-bold);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-fast);box-shadow:0 8px 25px #ef44444d}.purchase-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ef444466}.inquiry-button{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);background:#ffffff1a;color:var(--white);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);border:1px solid rgba(255,255,255,.2)}.inquiry-button:hover{background:#fff3;transform:translateY(-2px)}.button-icon{width:1.25rem;height:1.25rem;margin-right:var(--space-2)}.product-details{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:#ffffff0d;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-label{font-size:var(--text-sm);color:var(--gray-400);font-weight:var(--font-medium)}.detail-value{font-size:var(--text-sm);color:var(--white);font-weight:var(--font-medium)}.product-description-section{margin-bottom:var(--space-16)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-6)}.description-content{background:#ffffff0d;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);padding:var(--space-8);color:var(--gray-300);line-height:var(--leading-relaxed)}.description-content h1,.description-content h2,.description-content h3,.description-content h4,.description-content h5,.description-content h6{color:var(--white);margin-bottom:var(--space-4)}.description-content p{margin-bottom:var(--space-4)}.description-content ul,.description-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.description-content li{margin-bottom:var(--space-2)}.related-products-section{margin-bottom:var(--space-16)}.related-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.related-product-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast)}.related-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d;border-color:var(--primary-color)}.related-product-link{display:block;text-decoration:none}.related-product-image{width:100%;height:150px;object-fit:cover}.related-product-placeholder{width:100%;height:150px;background:linear-gradient(135deg,var(--gray-700),var(--gray-800));display:flex;align-items:center;justify-content:center}.related-product-placeholder .placeholder-icon{width:3rem;height:3rem}.related-product-info{padding:var(--space-4)}.related-product-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--white);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.related-product-price{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-color)}@media(max-width:1024px){.digital-product-detail-section{padding:var(--space-16) 0}.product-detail{grid-template-columns:1fr;gap:var(--space-8)}.product-title{font-size:var(--text-3xl)}.product-subtitle{font-size:var(--text-base)}.related-products-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}}@media(max-width:768px){.digital-product-detail-section{padding:var(--space-12) 0}.product-detail{gap:var(--space-6)}.product-title{font-size:var(--text-2xl)}.product-subtitle{font-size:var(--text-sm)}.floating-currency-container{position:fixed;top:auto;bottom:calc(var(--space-4) + 160px);right:var(--space-4);left:var(--space-4);transform:none}.floating-currency-container .currency-dropdown{width:100%;max-width:300px;margin:0 auto}.currency-toggle-button{width:100%;justify-content:center;min-width:auto}.currency-dropdown-menu{left:0;right:0;width:100%;max-width:300px;margin:0 0 var(--space-2) auto}.currency-buttons{flex-direction:row;gap:var(--space-2)}.currency-button{flex:1;text-align:center}.price-current{font-size:var(--text-2xl)}.action-buttons{gap:var(--space-3)}.purchase-button{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.inquiry-button{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.related-products-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}}@media(max-width:480px){.digital-product-detail-section{padding:var(--space-8) 0}.breadcrumb{margin-bottom:var(--space-6)}.product-title{font-size:var(--text-xl)}.product-badges{top:var(--space-2);right:var(--space-2)}.badge{font-size:10px;padding:var(--space-1) var(--space-2)}.floating-currency-container{position:fixed;top:auto;bottom:calc(var(--space-2) + 160px);right:var(--space-2);left:var(--space-2);transform:none}.floating-currency-container .currency-dropdown{width:100%;max-width:280px;margin:0 auto}.currency-toggle-button{width:100%;justify-content:center;min-width:auto;padding:var(--space-2) var(--space-3)}.currency-dropdown-menu{left:0;right:0;width:100%;max-width:280px;margin:0 0 var(--space-2) auto}.pricing-section{padding:var(--space-4)}.price-display{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.price-current{font-size:var(--text-xl)}.product-details{padding:var(--space-4)}.description-content{padding:var(--space-6)}.related-products-grid{grid-template-columns:1fr;gap:var(--space-3)}}@media(prefers-color-scheme:dark){.related-product-card{background:#0000004d;border-color:#ffffff0d}.related-product-card:hover{border-color:var(--primary-color)}}@media(prefers-reduced-motion:reduce){.related-product-card:hover,.purchase-button:hover,.inquiry-button:hover,.currency-button:hover{transform:none}.related-product-card,.purchase-button,.inquiry-button,.currency-button{transition:none}}.purchase-button:focus,.inquiry-button:focus,.currency-button:focus,.related-product-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media(max-width:389px){.breadcrumb{flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-4);font-size:var(--text-xs);line-height:1.4}.breadcrumb-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.breadcrumb-current{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;font-weight:var(--font-normal)}.breadcrumb-separator{width:.75rem;height:.75rem;flex-shrink:0}.digital-product-detail-section{padding-left:var(--space-3);padding-right:var(--space-3)}}.checkout-section{padding:var(--space-20) 0;min-height:calc(100vh - 160px);display:flex;align-items:flex-start;padding-top:var(--space-8)}.checkout-section .container{width:100%;max-width:none;padding:0 var(--space-4)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);font-size:var(--text-sm);color:var(--gray-500)}.breadcrumb-link{color:var(--gray-400);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--primary-color)}.breadcrumb-separator{width:1rem;height:1rem;color:var(--gray-500)}.breadcrumb-current{color:var(--white);font-weight:var(--font-medium)}.checkout-header{text-align:center;margin-bottom:var(--space-16)}.checkout-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-4);line-height:1.2}.checkout-subtitle{font-size:var(--text-lg);color:var(--gray-300);max-width:2xl;margin:0 auto;line-height:var(--leading-relaxed)}.checkout-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-8);width:100%}.checkout-main,.checkout-sidebar{width:100%}.order-summary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-6)}.product-summary{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.product-image{width:120px;height:120px;object-fit:cover;border-radius:var(--radius-lg);flex-shrink:0}.product-image-placeholder{width:120px;height:120px;background:linear-gradient(135deg,var(--gray-700),var(--gray-800));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.placeholder-icon{width:3rem;height:3rem;color:var(--gray-400)}.product-info{flex:1;display:flex;flex-direction:column;justify-content:center}.product-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-2)}.product-duration{font-size:var(--text-sm);color:var(--gray-400);margin-bottom:var(--space-2)}.download-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:#3b82f61a;color:var(--info-color);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);width:fit-content}.badge-icon{width:1rem;height:1rem;margin-right:var(--space-1)}.discount-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-6)}.discount-form{display:flex;flex-direction:column;gap:var(--space-3)}.discount-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:var(--white);padding:var(--space-3) var(--space-4);font-size:var(--text-base);transition:all var(--transition-fast)}.discount-input::placeholder{color:var(--gray-500)}.discount-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff26;box-shadow:0 0 0 3px #ef44441a}.discount-button{background:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:100px}.discount-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.discount-button.remove{background:var(--gray-600)}.discount-button.remove:hover{background:var(--gray-700)}.discount-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-spinner{width:1.25rem;height:1.25rem;animation:spin 1s linear infinite}.discount-message{padding:var(--space-3);border-radius:var(--radius-lg);margin-top:var(--space-3);font-size:var(--text-sm)}.discount-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error-color)}.discount-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--success-color)}.price-summary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-6);position:sticky;top:var(--space-8)}.price-details{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base)}.price-label{color:var(--gray-400);font-weight:var(--font-medium)}.price-value{color:var(--white);font-weight:var(--font-medium)}.discount-value{color:var(--success-color)}.price-divider{height:1px;background:#ffffff1a;margin:var(--space-3) 0}.total-row .total-label{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--white)}.total-row .total-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--primary-color)}.savings-message{text-align:center;color:var(--success-color);font-weight:var(--font-medium);margin-top:var(--space-3)}.payment-button{width:100%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:none;border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6)}.payment-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ef444466}.button-icon{width:1.5rem;height:1.5rem}.security-features{display:flex;flex-direction:column;gap:var(--space-3)}.security-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-400)}.security-icon{width:1.25rem;height:1.25rem;color:var(--success-color)}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#000000fa,#141414f2);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-2xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #0009,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;animation:slideUp .4s ease;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.3),transparent)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8) var(--space-6) var(--space-6);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.modal-title-section{display:flex;align-items:center;gap:var(--space-3)}.modal-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.02em}.modal-title:before{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:2px}.modal-actions{display:flex;align-items:center;gap:var(--space-3)}.close-button{background:#ffffff0d;color:var(--gray-400);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.close-button:hover{background:#ffffff1a;color:var(--white);border-color:#ffffff4d;transform:rotate(90deg)}.close-button svg{width:1.25rem;height:1.25rem;transition:transform var(--transition-fast)}.customer-form{padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);background:linear-gradient(180deg,rgba(0,0,0,.3),transparent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;position:relative}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-300);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--space-2)}.required{color:var(--error-color);font-weight:var(--font-bold);animation:blink 2s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.form-input,.form-textarea{background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);color:var(--white);padding:var(--space-4) var(--space-5);font-size:var(--text-base);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-500);font-style:italic}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);background:linear-gradient(135deg,#ef44441a,#ef44440d);box-shadow:0 0 0 4px #ef44441a,0 8px 25px #ef444426;transform:translateY(-1px)}.form-input:focus::placeholder,.form-textarea:focus::placeholder{color:var(--gray-600)}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-help{font-size:var(--text-xs);color:var(--gray-500);margin-top:var(--space-2);font-style:italic;opacity:.8}.country-code{font-size:var(--text-xs);color:var(--primary-color);margin-left:var(--space-2);font-weight:var(--font-semibold);background:#ef44441a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.3)}.form-group:before{content:"";position:absolute;top:50%;right:var(--space-5);transform:translateY(-50%);width:20px;height:20px;opacity:.3;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>') center/contain no-repeat;pointer-events:none}.form-group:focus-within:before{opacity:.6;color:var(--primary-color)}.order-summary-modal{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);position:relative;overflow:hidden}.order-summary-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark))}.summary-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.summary-details{display:flex;flex-direction:column;gap:var(--space-3)}.summary-row{display:flex;justify-content:space-between;font-size:var(--text-sm);padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.05)}.summary-row:last-child{border-bottom:none}.summary-label{color:var(--gray-400);font-weight:var(--font-medium)}.summary-value{color:var(--white);font-weight:var(--font-semibold)}.summary-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin:var(--space-3) 0}.form-actions{display:flex;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(0,0,0,.3),transparent);margin:0 -var(--space-6) -var(--space-6);padding:var(--space-6);border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.cancel-button{flex:1;background:linear-gradient(135deg,#ffffff0d,#ffffff05);color:var(--gray-400);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em}.cancel-button:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:var(--white);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a}.submit-button{flex:1;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.submit-button: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 .6s ease}.submit-button:hover:before{left:100%}.submit-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-2px);box-shadow:0 12px 35px #ef444466;border-color:#ef444480}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-spinner{width:1.25rem;height:1.25rem;animation:spin 1s linear infinite}@media(max-width:1024px){.checkout-content{grid-template-columns:1fr;gap:var(--space-8)}.checkout-main{margin-bottom:var(--space-8)}.checkout-title{font-size:var(--text-3xl)}.checkout-subtitle{font-size:var(--text-base)}.price-summary{position:static;top:auto}}@media(max-width:768px){.checkout-section{padding:var(--space-12) 0}.checkout-header{margin-bottom:var(--space-8)}.checkout-title{font-size:var(--text-2xl)}.checkout-subtitle{font-size:var(--text-sm)}.product-summary{flex-direction:column;gap:var(--space-3)}.product-image,.product-image-placeholder{width:100%;height:200px}.product-info{text-align:center}.discount-form{flex-direction:column}.discount-button{width:100%}.form-row{grid-template-columns:1fr;gap:var(--space-3)}.modal-content{max-width:95%;margin:var(--space-4)}}@media(max-width:480px){.checkout-section{padding:var(--space-8) 0}.checkout-header{margin-bottom:var(--space-6)}.checkout-title{font-size:var(--text-xl)}.product-image,.product-image-placeholder{width:100%;height:150px}.order-summary,.discount-section,.price-summary{padding:var(--space-4)}.modal-content{max-width:100%;margin:var(--space-2);max-height:95vh}.modal-header,.customer-form{padding:var(--space-4)}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}@media(prefers-color-scheme:dark){.order-summary,.discount-section,.price-summary{background:#0000004d;border-color:#ffffff0d}.modal-content{background:#000000fa;border-color:#ffffff0d}.order-summary-modal{background:#0000004d;border-color:#ffffff0d}}@media(prefers-reduced-motion:reduce){.payment-button:hover,.discount-button:hover,.modal-content,.form-input:hover,.form-textarea:hover{transform:none}.payment-button,.discount-button,.modal-content,.form-input,.form-textarea{transition:none}.loading-spinner,.button-spinner{animation:none}}.discount-input:focus,.form-input:focus,.form-textarea:focus,.payment-button:focus,.cancel-button:focus,.submit-button:focus,.close-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media(max-width:768px){.mobile-modal-overlay{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.mobile-modal-content{background:linear-gradient(180deg,#000000fa,#141414f2);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 -10px 40px #0009,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;animation:slideUpMobile .4s ease;position:relative}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.3),transparent)}.mobile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-4) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;z-index:1000}.mobile-modal-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.02em}.mobile-modal-title:before{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:2px}.mobile-close-button{background:#ffffff0d;color:var(--gray-400);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;width:44px;height:44px;position:relative;z-index:1001}.mobile-close-button:hover{background:#ffffff1a;color:var(--white);border-color:#ffffff4d}.mobile-close-button:active{background:#ffffff26;color:var(--white);border-color:#fff6}.mobile-close-button svg{width:1.25rem;height:1.25rem;transition:transform var(--transition-fast);pointer-events:none}.mobile-customer-form{padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-5);background:linear-gradient(180deg,rgba(0,0,0,.3),transparent)}.mobile-form-row{display:flex;flex-direction:column;gap:var(--space-4)}.mobile-form-group{display:flex;flex-direction:column;position:relative}.mobile-form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-300);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--space-2)}.mobile-form-input,.mobile-form-textarea{background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);color:var(--white);padding:var(--space-4);font-size:var(--text-base);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mobile-form-input::placeholder,.mobile-form-textarea::placeholder{color:var(--gray-500);font-style:italic}.mobile-form-input:focus,.mobile-form-textarea:focus{outline:none;border-color:var(--primary-color);background:linear-gradient(135deg,#ef44441a,#ef44440d);box-shadow:0 0 0 3px #ef44441a,0 4px 15px #ef444426;transform:translateY(-1px)}.mobile-form-textarea{resize:vertical;min-height:80px;font-family:inherit}.mobile-form-help{font-size:var(--text-xs);color:var(--gray-500);margin-top:var(--space-1);font-style:italic;opacity:.8}.mobile-country-code{font-size:var(--text-xs);color:var(--primary-color);margin-left:var(--space-2);font-weight:var(--font-semibold);background:#ef44441a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.3)}.mobile-order-summary{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);position:relative;overflow:hidden}.mobile-order-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark))}.mobile-summary-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.mobile-summary-details{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-summary-row{display:flex;justify-content:space-between;font-size:var(--text-sm);padding:var(--space-1) 0;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-summary-row:last-child{border-bottom:none}.mobile-summary-label{color:var(--gray-400);font-weight:var(--font-medium)}.mobile-summary-value{color:var(--white);font-weight:var(--font-semibold)}.mobile-summary-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin:var(--space-2) 0}.mobile-form-actions{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(0,0,0,.3),transparent);margin:0 -var(--space-4) -var(--space-4);padding:var(--space-4);border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.mobile-cancel-button{background:linear-gradient(135deg,#ffffff0d,#ffffff05);color:var(--gray-400);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em;width:100%;min-height:52px}.mobile-cancel-button:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:var(--white);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 15px #ffffff1a}.mobile-submit-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;width:100%;min-height:52px}.mobile-submit-button: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 .6s ease}.mobile-submit-button:hover:before{left:100%}.mobile-submit-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-1px);box-shadow:0 6px 20px #ef444466;border-color:#ef444480}.mobile-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-button-spinner{width:1.25rem;height:1.25rem;animation:spin 1s linear infinite}.modal-overlay{display:none!important}.mobile-modal-overlay{display:flex}}.payment-processing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.payment-processing-modal{background:#fff;border-radius:16px;padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.payment-processing-content{display:flex;flex-direction:column;align-items:center;gap:20px}.payment-processing-spinner{width:60px;height:60px;color:#ef4444;animation:spin 1s linear infinite}.payment-processing-content h3{margin:0;color:#111827;font-size:24px;font-weight:600}.payment-processing-content p{margin:0;color:#6b7280;font-size:16px;line-height:1.5}#paymentInstructions{background:#f9fafb;border-radius:8px;padding:20px;margin-top:20px;width:100%;text-align:left}#paymentInstructions p{margin-bottom:10px}#paymentInstructions p:last-child{margin-bottom:0}#paymentDetails{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:15px;margin:10px 0;font-size:14px;line-height:1.6}.payment-note{font-size:13px!important;color:#9ca3af!important;font-style:italic}.cancel-payment-btn{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:20px}.cancel-payment-btn:hover{background:#4b5563}@media(max-width:640px){.payment-processing-modal{padding:30px 20px;margin:20px;width:calc(100% - 40px)}.payment-processing-content h3{font-size:20px}.payment-processing-content p{font-size:14px}.payment-processing-spinner{width:50px;height:50px}}.payment-status-section{padding:80px 0 120px;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:40px;font-size:14px}.breadcrumb-link{color:#64748b;text-decoration:none;transition:color .3s ease}.breadcrumb-link:hover{color:#dc2626}.breadcrumb-separator{width:16px;height:16px;color:#cbd5e1}.breadcrumb-current{color:#1e293b;font-weight:500}.payment-status-content{max-width:600px;margin:0 auto}.status-card{background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:60px 40px;text-align:center;margin-bottom:40px;border:2px solid transparent;transition:all .3s ease}.status-success{border-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.status-manual{border-color:#3b82f6;background:linear-gradient(135deg,#fff,#eff6ff)}.status-pending{border-color:#f59e0b;background:linear-gradient(135deg,#fff,#fffbeb)}.status-failed{border-color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.status-unknown{border-color:#6b7280;background:linear-gradient(135deg,#fff,#f9fafb)}.status-icon{margin-bottom:30px}.status-icon svg{width:80px;height:80px}.icon-success{color:#10b981}.icon-manual{color:#3b82f6}.icon-pending{color:#f59e0b}.icon-failed{color:#ef4444}.icon-unknown{color:#6b7280}.status-content{text-align:left}.status-title{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:16px;text-align:center}.status-message{font-size:16px;color:#64748b;margin-bottom:30px;text-align:center;line-height:1.6}.status-note{font-size:14px;color:#64748b;margin-top:20px;text-align:center}.transaction-details{background:#f8fafc;border-radius:12px;padding:20px;margin:20px 0}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.detail-item:last-child{border-bottom:none}.detail-label{font-size:14px;color:#64748b;font-weight:500}.detail-value{font-size:14px;color:#1e293b;font-weight:600}.order-details-card{background:#f8fafc;border-radius:12px;padding:24px;margin:24px 0;border:1px solid #e2e8f0}.details-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px}.details-grid{display:grid;gap:12px}.instructions-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;padding:24px;margin:24px 0;border:1px solid #93c5fd}.instructions-title{font-size:18px;font-weight:600;color:#1e40af;margin-bottom:16px}.steps-list{display:flex;flex-direction:column;gap:12px}.step-item{display:flex;align-items:flex-start;gap:12px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0;margin-top:2px}.step-text{font-size:14px;color:#1e40af;line-height:1.5}.instructions-box{background:#dbeafe;border:1px solid #93c5fd;border-radius:12px;padding:20px;margin:20px 0}.instructions-text{font-size:14px;color:#1e40af;line-height:1.6;white-space:pre-line}.order-reference{background:#f8fafc;border-radius:12px;padding:20px;margin:20px 0;text-align:center}.reference-label{display:block;font-size:14px;color:#64748b;margin-bottom:8px}.reference-value{display:block;font-size:18px;font-weight:700;color:#1e293b;margin-bottom:8px}.reference-note{font-size:12px;color:#64748b}.refresh-status{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:12px;padding:20px;margin:24px 0}.refresh-content{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.refresh-icon{width:20px;height:20px;color:#d97706}.refresh-text{font-size:14px;color:#92400e;font-weight:500}.countdown{text-align:center;font-size:12px;color:#92400e}#countdown{font-weight:700}.contact-info{text-align:center;margin-top:20px}.contact-link{color:#3b82f6;text-decoration:none;font-weight:500}.contact-link:hover{text-decoration:underline}.action-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:2px solid transparent;min-height:52px}.btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 10px 15px -3px #dc26264d}.btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 20px 25px -5px #dc262666}.btn-secondary{background:#fff;color:#1e293b;border-color:#e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.btn-outline{background:transparent;color:#64748b;border-color:#e2e8f0}.btn-outline:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.btn-refresh{background:#f59e0b;color:#fff;border:none;padding:12px 24px;font-size:14px;margin-top:16px;width:100%}.btn-refresh:hover{background:#d97706}.contact-section{text-align:center;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.contact-text{font-size:14px;color:#64748b;line-height:1.6}.contact-whatsapp{color:#10b981;text-decoration:none;font-weight:500}.contact-whatsapp:hover{text-decoration:underline}@media(prefers-color-scheme:dark){.payment-status-section{background:linear-gradient(135deg,#0f172a,#1e293b)}.breadcrumb-link{color:#94a3b8}.breadcrumb-link:hover{color:#f87171}.breadcrumb-current{color:#f1f5f9}.status-card{background:#1e293b;border-color:#334155}.status-success{background:linear-gradient(135deg,#1e293b,#022c22);border-color:#059669}.status-manual{background:linear-gradient(135deg,#1e293b,#1e3a8a);border-color:#2563eb}.status-pending{background:linear-gradient(135deg,#1e293b,#451a03);border-color:#d97706}.status-failed{background:linear-gradient(135deg,#1e293b,#7f1d1d);border-color:#dc2626}.status-unknown{background:linear-gradient(135deg,#1e293b,#374151);border-color:#6b7280}.status-title{color:#f1f5f9}.status-message,.status-note{color:#94a3b8}.transaction-details{background:#334155;border-color:#475569}.detail-label{color:#94a3b8}.detail-value{color:#f1f5f9}.order-details-card{background:#334155;border-color:#475569}.details-title{color:#f1f5f9}.instructions-card{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-color:#3b82f6}.instructions-title,.step-text{color:#dbeafe}.instructions-box{background:#1e3a8a;border-color:#3b82f6}.instructions-text{color:#dbeafe}.order-reference{background:#334155}.reference-label{color:#94a3b8}.reference-value{color:#f1f5f9}.reference-note{color:#94a3b8}.refresh-status{background:linear-gradient(135deg,#78350f,#92400e);border-color:#d97706}.refresh-text,.countdown{color:#fef3c7}.btn-secondary{background:#334155;color:#f1f5f9;border-color:#475569}.btn-secondary:hover{background:#475569;border-color:#64748b}.btn-outline{color:#94a3b8;border-color:#475569}.btn-outline:hover{background:#334155;color:#f1f5f9;border-color:#64748b}.contact-section{background:#334155;border-color:#475569}.contact-text{color:#94a3b8}}@media(max-width:768px){.payment-status-section{padding:40px 0 80px}.status-card{padding:40px 24px}.status-title{font-size:24px}.status-icon svg{width:60px;height:60px}.action-buttons{gap:12px}.btn{padding:14px 24px;font-size:14px}}@media(max-width:480px){.breadcrumb{font-size:12px;gap:8px}.status-card{padding:32px 20px}.status-title{font-size:20px}.status-message{font-size:14px}.details-grid,.step-item{gap:8px}.step-number{width:20px;height:20px;font-size:10px}.step-text{font-size:13px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.policy-page{padding:var(--space-20) 0;min-height:calc(100vh - 160px);display:flex;align-items:flex-start;padding-top:var(--space-8)}.policy-page .container{width:100%;max-width:none;padding:0 var(--space-4)}.policy-header{text-align:center;margin-bottom:var(--space-16)}.policy-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-6);line-height:1.2}.policy-title .accent{color:var(--primary-500)}.policy-subtitle{font-size:var(--text-xl);color:#ffffffe6;max-width:800px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed)}.policy-updated{font-size:var(--text-sm);color:#ffffffb3;text-align:center;margin-bottom:var(--space-8)}.policy-content{max-width:900px;margin:0 auto;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#ffffffe6}.policy-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-8);margin-bottom:var(--space-8);transition:all .3s ease}.policy-section:hover{transform:translateY(-4px);border-color:var(--primary-500);box-shadow:0 12px 24px #0003}.policy-section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-4);line-height:var(--leading-tight)}.policy-section-content{font-size:var(--text-base);color:#fffc;margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.policy-section-content:last-child{margin-bottom:0}.policy-list{list-style:none;padding:0;margin:var(--space-4) 0}.policy-list li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);color:#fffc;line-height:var(--leading-relaxed)}.policy-list li:before{content:"•";position:absolute;left:var(--space-2);color:var(--primary-500);font-weight:var(--font-bold)}.policy-contact{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-8);margin-top:var(--space-12);text-align:center}.policy-contact-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-4)}.policy-contact-content{font-size:var(--text-base);color:#fffc;line-height:var(--leading-relaxed)}.policy-link{color:var(--primary-500);text-decoration:none;transition:color .3s ease}.policy-link:hover{color:var(--primary-400);text-decoration:underline}@media(max-width:1024px){.policy-page{padding:var(--space-16) 0}.policy-header{margin-bottom:var(--space-12)}.policy-title{font-size:var(--text-3xl)}.policy-subtitle{font-size:var(--text-lg)}.policy-section{padding:var(--space-6);margin-bottom:var(--space-6)}.policy-section-title{font-size:var(--text-xl)}}@media(max-width:768px){.policy-page{padding:var(--space-12) 0}.policy-header{margin-bottom:var(--space-8)}.policy-title{font-size:var(--text-2xl)}.policy-subtitle,.policy-content{font-size:var(--text-base)}.policy-section{padding:var(--space-4);margin-bottom:var(--space-4)}.policy-section-title{font-size:var(--text-lg)}.policy-section-content{font-size:var(--text-sm)}.policy-contact{padding:var(--space-6);margin-top:var(--space-8)}}@media(max-width:479px){.policy-page{padding:var(--space-8) 0}.policy-title{font-size:var(--text-xl)}.policy-subtitle,.policy-content{font-size:var(--text-sm)}.policy-section{padding:var(--space-4);margin-bottom:var(--space-4)}.policy-section-title{font-size:var(--text-base)}.policy-section-content{font-size:var(--text-xs)}.policy-list li{padding-left:var(--space-4);font-size:var(--text-xs)}.policy-contact{padding:var(--space-4);margin-top:var(--space-6)}.policy-contact-content{font-size:var(--text-sm)}}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%;--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-infinite-scroll{animation:infinite-scroll 25s linear infinite}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.animate-infinite-scroll,.animate-infinite-scroll *{transition:none!important}html,body{transition:background-color .15s ease-in-out}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#f3f4f6}:root.dark ::-webkit-scrollbar-track{background-color:#1f2937}::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:9999px}:root.dark ::-webkit-scrollbar-thumb{background-color:#4b5563}::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}:root.dark ::-webkit-scrollbar-thumb:hover{background-color:#6b7280}