:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--bg-glass: rgba(17, 17, 24, .8);--bg-elevated: rgba(26, 26, 36, .6);--border-primary: rgba(255, 255, 255, .04);--border-hover: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .02);--accent-primary: #6366f1;--accent-primary-hover: #818cf8;--accent-secondary: #22d3ee;--accent-tertiary: #a855f7;--accent-success: #10b981;--text-primary: #ffffff;--text-secondary: #e4e4e7;--text-muted: #a1a1aa;--text-dim: #71717a;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #22d3ee 0%, #6366f1 100%);--gradient-glow: radial-gradient(circle at center, rgba(99, 102, 241, .15), transparent 70%);--gradient-card: linear-gradient(145deg, rgba(26, 26, 36, .8), rgba(17, 17, 24, .6));--gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(10, 10, 15, .8) 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px rgba(99, 102, 241, .3);--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;font-display:swap;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700}*{margin:0;padding:0;box-sizing:border-box}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{scroll-behavior:smooth;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);will-change:scroll-position;transform:translateZ(0);-webkit-transform:translateZ(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f126}50%{box-shadow:0 0 30px #6366f133,0 0 40px #22d3ee26}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes showFallback{to{opacity:1;transform:translateY(0)}}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--border-primary);padding:var(--spacing-md) var(--spacing-xl);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);text-decoration:none;transition:opacity var(--transition-fast)}.logo:hover{opacity:.8}.logo-img{width:32px;height:32px}.nav{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.nav a{color:var(--text-secondary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:var(--weight-medium)}.nav a:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-logout{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:inherit}.nav-logout:hover{color:var(--text-primary);background:var(--bg-elevated)}.main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:stretch}.section{max-width:1400px;width:100%;margin:0 auto var(--spacing-3xl);padding:0 var(--spacing-xl)}.section h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--spacing-md);line-height:var(--leading-tight)}.section h3{font-size:var(--text-2xl);font-weight:var(--weight-semibold);margin-bottom:var(--spacing-md);line-height:var(--leading-tight)}.hero{max-width:1400px;width:100%;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-main{max-width:900px;margin:0 auto;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-main h1{font-size:var(--text-5xl);font-weight:var(--weight-bold);margin-bottom:var(--spacing-lg);line-height:var(--leading-tight);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;width:100%;max-width:100%;margin-left:auto;margin-right:auto}.hero-main p{font-size:var(--text-xl);color:var(--text-muted);margin-bottom:var(--spacing-2xl);line-height:var(--leading-relaxed);text-align:center;width:100%;max-width:100%;margin-left:auto;margin-right:auto}.hero-main .badge{text-align:center;margin:0 auto var(--spacing-md);display:inline-block}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none!important;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer;transition:all var(--transition-base);text-decoration:none;background:var(--gradient-primary)!important;color:var(--text-primary);box-shadow:var(--shadow-md);min-height:44px;min-width:44px;-webkit-tap-highlight-color:rgba(99,102,241,.2);touch-action:manipulation;position:relative;z-index:1;pointer-events:auto;user-select:none;-webkit-user-select:none}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);border:.5px solid var(--border-primary);color:var(--text-primary);position:relative;z-index:1;pointer-events:auto}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.hero-secondary-btn{background:transparent!important;border:.5px solid var(--border-primary)!important;color:var(--text-primary);position:relative;z-index:1;pointer-events:auto;min-height:44px;min-width:44px;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-semibold);transition:all var(--transition-base)}.hero-secondary-btn:hover{background:var(--bg-elevated);border-color:var(--border-hover)}button{font-family:inherit;position:relative;z-index:1;pointer-events:auto;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(99,102,241,.2);touch-action:manipulation}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.billing-btn{padding:var(--spacing-sm) var(--spacing-lg);border:.5px solid var(--border-primary)!important;border-radius:var(--radius-md);background:var(--bg-elevated)!important;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-base);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.billing-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.billing-btn-active{background:var(--gradient-primary);border-color:var(--accent-primary);color:var(--text-primary);font-weight:var(--weight-semibold);box-shadow:var(--shadow-md)}.billing-btn-active:hover{background:var(--gradient-primary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.product-controls{margin-top:var(--spacing-xl)}.product-billing-toggle{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--bg-elevated);padding:var(--spacing-xs);border-radius:var(--radius-md);border:.5px solid var(--border-primary)}.card{background:var(--bg-elevated);border:.5px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base);cursor:default;position:relative;display:flex;flex-direction:column;height:100%}.card h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.card h3 a{cursor:pointer;color:var(--text-primary);transition:color var(--transition-fast)}.card h3 a:hover{color:var(--accent-primary)}.card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0 0 var(--spacing-md) 0;flex-grow:1}.card-price{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-3d{transform-style:preserve-3d;transition:transform var(--transition-base)}.card-actions{display:flex;gap:var(--spacing-md);margin-top:auto;padding-top:var(--spacing-lg);position:relative;z-index:2;align-items:center;justify-content:space-between}.card-actions .btn,.card-actions button{position:relative;z-index:3;pointer-events:auto}.card-thumb{width:100%;height:200px;overflow:hidden;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.card-thumb img,.card-thumb .image-container{width:100%;height:100%}.card-thumb .image-container img{width:100%;height:100%;object-fit:contain;object-position:center}.card-thumb .image-skeleton{border-radius:var(--radius-md)}.product-image-wrap .image-container{width:100%;height:100%}.product-image-wrap .image-container img{width:100%;height:100%;object-fit:contain;object-position:center}.product-image-wrap{width:100%;max-width:500px;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.product-image{width:100%;height:100%;object-fit:contain;object-position:center}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.product-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-pricing{display:flex;gap:var(--spacing-xl);margin:var(--spacing-lg) 0}.product-price-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--spacing-xs)}.product-price-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}input,textarea,select{width:100%;padding:var(--spacing-md);border:.5px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-size:16px;font-family:inherit;transition:all var(--transition-fast);min-height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;margin-bottom:var(--spacing-md)}form input:last-of-type,form textarea:last-of-type,form select:last-of-type{margin-bottom:0}form input+button,form textarea+button,form select+button{margin-top:var(--spacing-md)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}input::placeholder,textarea::placeholder{color:var(--text-dim);opacity:.5}label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl);align-items:start;justify-items:stretch}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.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-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.form-field{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg);align-items:start}.section-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--spacing-md)}.section-description{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--spacing-lg);line-height:var(--leading-relaxed)}.checkout-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:.5px solid var(--border-primary);gap:var(--spacing-md)}.checkout-list{margin-bottom:var(--spacing-lg)}.checkout-summary{font-size:var(--text-xl);font-weight:var(--weight-bold);text-align:right;padding:var(--spacing-lg);border-top:.5px solid var(--border-primary);margin-top:var(--spacing-lg)}.checkout-message{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-sm)}.footer{background:var(--bg-secondary);border-top:.5px solid var(--border-primary);padding:var(--spacing-2xl) var(--spacing-xl);margin-top:var(--spacing-4xl);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-xl);color:var(--text-muted);font-size:var(--text-sm);width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.footer a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.footer a:hover{color:var(--text-primary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}[data-animate]{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}[data-animate].animated{opacity:1;transform:translateY(0)}[data-animate]:not(.animated){animation:showFallback .6s ease-out 1.5s forwards}.feature-card,.category-card,.step-card,.testimonial-card{opacity:0;transform:translateY(20px);transition:all .4s ease-out}.feature-card.animated,.category-card.animated,.step-card.animated,.testimonial-card.animated{opacity:1;transform:translateY(0)}.feature-card:not(.animated),.category-card:not(.animated),.step-card:not(.animated),.testimonial-card:not(.animated){animation:showFallback .6s ease-out 1.5s forwards}@keyframes float3d{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-10px) translateZ(10px)}}.info-card-3d{transform-style:preserve-3d;perspective:1000px}.stat-card-3d{transform-style:preserve-3d}.glow-3d{position:relative}.glow-3d:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f166,#22d3ee4d,#a855f766);background-size:200% 200%;border-radius:inherit;opacity:0;z-index:-1;filter:blur(12px);transition:opacity var(--transition-base);animation:shimmer 4s ease-in-out infinite;pointer-events:none}.glow-3d:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f166,#22d3ee4d,#a855f766);background-size:200% 200%;border-radius:inherit;opacity:0;z-index:-1;filter:blur(12px);transition:opacity var(--transition-base);animation:shimmer 4s ease-in-out infinite;pointer-events:none}.glow-3d:hover:after{opacity:.4}@media (max-width: 1024px){.main{max-width:100%;padding:var(--spacing-lg)}.main>*{max-width:100%}.section{max-width:100%;padding:0 var(--spacing-md)}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px){.hero{max-width:100%;padding:var(--spacing-2xl) var(--spacing-md);padding-top:var(--spacing-xl);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-main{max-width:100%;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.hero-main h1{font-size:1.75rem;line-height:1.2;margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.hero-main p{font-size:var(--text-base);line-height:1.6;padding:0 var(--spacing-sm);margin-bottom:var(--spacing-xl)}.hero-main .badge{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-md);margin-bottom:var(--spacing-md)}.hero-buttons{flex-direction:column;width:100%;max-width:100%;gap:var(--spacing-md);padding:0 var(--spacing-sm)}.hero-buttons .btn,.hero-buttons .hero-secondary-btn{width:100%;min-height:48px;font-size:var(--text-base);padding:var(--spacing-md) var(--spacing-lg)}.main{padding:var(--spacing-md);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.section{padding:0 var(--spacing-md);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right));margin-bottom:var(--spacing-2xl)}.section h2{font-size:1.75rem;margin-bottom:var(--spacing-lg);line-height:1.3}.section h3{font-size:1.5rem;margin-bottom:var(--spacing-md)}.header{padding:var(--spacing-sm) var(--spacing-md);padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top));padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right));flex-wrap:wrap;gap:var(--spacing-sm)}.logo{font-size:var(--text-lg);gap:var(--spacing-xs)}.logo-img{width:28px;height:28px}.nav{gap:var(--spacing-xs);font-size:var(--text-xs);width:100%;justify-content:center;margin-top:var(--spacing-xs);flex-wrap:wrap}.nav a,.nav-logout{padding:var(--spacing-xs) var(--spacing-sm);min-height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);border-radius:var(--radius-sm)}.product-layout{grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg)}.request-row{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:1fr;gap:var(--spacing-lg);align-items:stretch}.card-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.card{padding:var(--spacing-lg);border-radius:var(--radius-lg)}.card h3{font-size:var(--text-lg);margin-bottom:var(--spacing-sm)}.card p{font-size:var(--text-sm);margin-bottom:var(--spacing-md)}.card-price{font-size:var(--text-base);margin-bottom:var(--spacing-md)}.card-actions{flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.card-actions .btn{width:100%;min-height:44px}input,textarea,select{font-size:16px;padding:var(--spacing-md);min-height:44px;border-radius:var(--radius-md)}.product-pricing{flex-direction:column;gap:var(--spacing-md);align-items:stretch;padding:var(--spacing-lg)}.product-layout{grid-template-columns:1fr;gap:var(--spacing-xl)}.product-image-wrap{width:100%;max-width:100%;margin-bottom:var(--spacing-lg)}.checkout-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)}.checkout-item>div:last-child{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm)}.checkout-quantity-btn{min-width:44px;min-height:44px;font-size:var(--text-lg)}.footer{flex-direction:column;align-items:flex-start;padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-md);font-size:var(--text-xs)}.footer a{padding:var(--spacing-xs) 0;display:block}}@media (max-width: 480px){.main{padding:var(--spacing-md);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.section{padding:0 var(--spacing-md);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right));margin-bottom:var(--spacing-xl)}.section h2{font-size:1.5rem;margin-bottom:var(--spacing-md)}.section h3{font-size:1.25rem}.grid{grid-template-columns:1fr;gap:var(--spacing-md)}.hero{padding:var(--spacing-xl) var(--spacing-md);padding-top:var(--spacing-lg);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.hero-main h1{font-size:1.5rem;line-height:1.2;margin-bottom:var(--spacing-sm)}.hero-main p{font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--spacing-lg)}.hero-main .badge{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.hero-buttons{flex-direction:column;width:100%;gap:var(--spacing-sm);padding:0}.hero-buttons .btn,.hero-buttons .hero-secondary-btn{width:100%;min-height:48px;font-size:var(--text-base);padding:var(--spacing-md)}.card{padding:var(--spacing-md);border-radius:var(--radius-md)}.card h3{font-size:var(--text-base)}.card p{font-size:var(--text-xs)}.card-price{font-size:var(--text-sm)}.card-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.card-actions .btn{width:100%;min-height:44px;font-size:var(--text-sm)}.header{padding:var(--spacing-xs) var(--spacing-sm);padding-top:calc(var(--spacing-xs) + env(safe-area-inset-top));flex-direction:column;align-items:stretch}.logo{font-size:var(--text-base);justify-content:center;padding:var(--spacing-xs) 0}.logo-img{width:24px;height:24px}.nav{width:100%;justify-content:space-around;margin-top:var(--spacing-xs);gap:var(--spacing-xs)}.nav a,.nav-logout{flex:1;min-width:0;text-align:center;font-size:var(--text-xs);padding:var(--spacing-xs);min-height:36px;border-radius:var(--radius-sm)}.footer{padding:var(--spacing-lg) var(--spacing-md);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom));padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right));gap:var(--spacing-md);font-size:var(--text-xs)}input,textarea,select{font-size:16px;padding:var(--spacing-md);min-height:44px;width:100%;box-sizing:border-box}button.btn{width:100%;min-height:48px;font-size:var(--text-base);padding:var(--spacing-md) var(--spacing-lg)}.product-layout{gap:var(--spacing-lg)}.product-pricing{padding:var(--spacing-md);gap:var(--spacing-sm)}.billing-btn{min-height:44px;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md)}.checkout-item{padding:var(--spacing-sm);gap:var(--spacing-sm)}.checkout-summary{font-size:var(--text-lg);padding:var(--spacing-md)}.testimonials-section{margin-top:var(--spacing-xl);padding:0 var(--spacing-md)}.testimonials-title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.suggestion-form-container{padding:var(--spacing-lg) var(--spacing-md)}.suggestion-form-title{font-size:1.5rem!important;margin-bottom:var(--spacing-sm)!important;line-height:1.2!important}.suggestion-form-subtitle{font-size:var(--text-sm)!important}.suggestion-form-container input,.suggestion-form-container textarea{font-size:16px;padding:var(--spacing-md);min-height:44px}.info-card-3d{padding:var(--spacing-lg) var(--spacing-md);margin:var(--spacing-md) 0}.stat-card-3d,.feature-card,.category-card,.step-card{padding:var(--spacing-md)}.admin-login-card{padding:var(--spacing-lg) var(--spacing-md);margin:var(--spacing-md);width:calc(100% - var(--spacing-xl))}.chat-widget{max-width:calc(100vw - var(--spacing-xl))}.chat-widget-button{position:fixed!important;bottom:20px!important;right:20px!important;width:60px!important;height:60px!important;z-index:999999!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:2px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 20px #6366f166!important;will-change:transform!important;transform:translateZ(0)!important}@media (max-width: 768px){.chat-widget-button{bottom:15px!important;right:15px!important;width:56px!important;height:56px!important}}.chat-widget-button,.chat-widget-button *{box-sizing:border-box!important}body{position:relative}.chat-widget-button{contain:layout style paint!important}.payment-widget{width:100%;max-width:100%}.toast{max-width:calc(100vw - var(--spacing-xl));margin:var(--spacing-sm)}[role=dialog],.modal,.dialog{width:calc(100% - var(--spacing-xl));max-width:100%;margin:var(--spacing-md);padding:var(--spacing-lg)}table{font-size:var(--text-xs);display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}img{max-width:100%;height:auto}a{min-height:44px;display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm)}button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(99,102,241,.2)}form{width:100%}form .btn{width:100%;margin-top:var(--spacing-md)}.loading{padding:var(--spacing-xl)}.error-message,.success-message{padding:var(--spacing-md);font-size:var(--text-sm);margin:var(--spacing-sm) 0}.testimonials-section{margin-top:48px!important}.testimonials-title{font-size:2rem!important;margin-bottom:12px!important}.testimonials-subtitle{font-size:.9rem!important;padding:8px 20px!important}.testimonials-description{font-size:.95rem!important;padding:0 16px!important}.testimonial-card{padding:24px!important;border-radius:16px!important}.testimonial-avatar{width:48px!important;height:48px!important;font-size:1.4rem!important;margin-right:12px!important}.testimonial-name{font-size:1rem!important}.testimonial-text{font-size:.95rem!important;padding-left:6px!important}.suggestion-form-container{padding:32px 24px!important;border-radius:20px!important}.suggestion-form-title{font-size:1.5rem!important;margin-bottom:8px!important}.suggestion-form-subtitle{font-size:.85rem!important}.info-card-3d{padding:24px!important;border-radius:16px!important}.about-service-container{padding:40px 24px!important;border-radius:24px!important}.about-service-title{font-size:2rem!important}.testimonials-section>div>div[style*=grid]{grid-template-columns:1fr!important;gap:24px!important;padding:0 8px!important}.suggestion-form-container input,.suggestion-form-container textarea{font-size:16px!important}.section{margin-bottom:48px!important}.testimonials-section>div[style*=absolute]{width:400px!important;height:400px!important}.testimonial-avatar{width:48px!important;height:48px!important;font-size:1.3rem!important}.suggestion-form-container{margin:0 8px!important}.about-service-container>div[style*=grid]{grid-template-columns:1fr!important;gap:24px!important}.section>div[style*=grid][style*="repeat(auto-fit"]{grid-template-columns:1fr!important}.section h2[style*="2.5rem"]{font-size:1.75rem!important}.section a[style*=text-decoration]>div{padding:28px 20px!important}.card-thumb{height:160px!important}.product-image-wrap{max-width:100%!important;aspect-ratio:1!important}}@media (max-width: 768px) and (min-width: 481px){.testimonials-section{margin-top:64px!important}.testimonials-title{font-size:2.5rem!important}.testimonials-section>div>div[style*=grid]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:24px!important}.testimonial-card{padding:32px!important}.suggestion-form-container{padding:40px 32px!important}.about-service-container{padding:48px 32px!important}}@media (max-width: 1024px) and (min-width: 769px){.testimonials-section>div>div[style*=grid]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:28px!important}}@media (max-width: 768px){.section>div[style*=grid]{grid-template-columns:1fr!important;gap:20px!important}.card-3d,.info-card-3d{padding:24px!important}.section h2{font-size:1.75rem!important;padding:0 16px!important}.suggestion-form-container input,.suggestion-form-container textarea{padding:12px 16px!important;font-size:16px!important}.suggestion-form-container button{padding:14px 24px!important;font-size:1rem!important}}@media (hover: none) and (pointer: coarse){.card-3d:hover,.info-card-3d:hover,.testimonial-card:hover{transform:none!important}.btn,.card-3d,.info-card-3d{min-height:44px}.section{margin-bottom:48px}}@media (max-width: 768px) and (orientation: landscape){.testimonials-section{margin-top:48px!important}.section h2{font-size:1.5rem!important;margin-bottom:32px!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-animate],.feature-card,.category-card,.step-card,.testimonial-card{opacity:1!important;transform:none!important;animation:none!important}}::selection{background:#6366f14d;color:var(--text-primary)}::-moz-selection{background:#6366f14d;color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-primary) var(--bg-secondary)}@supports (-webkit-overflow-scrolling: touch){.main,body{-webkit-overflow-scrolling:touch}}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-muted);border-radius:50%;cursor:pointer}input[type=search]::-webkit-search-cancel-button:hover{background:var(--text-primary)}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.header{padding-top:calc(var(--spacing-md) + env(safe-area-inset-top));padding-left:max(var(--spacing-xl),env(safe-area-inset-left));padding-right:max(var(--spacing-xl),env(safe-area-inset-right))}.hero{padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top));padding-bottom:calc(var(--spacing-2xl) + env(safe-area-inset-bottom))}.footer{padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom))}}@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.header{padding-top:calc(var(--spacing-md) + env(safe-area-inset-top))}.hero{padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top))}}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.header{padding-top:calc(var(--spacing-md) + env(safe-area-inset-top));padding-left:max(var(--spacing-xl),env(safe-area-inset-left));padding-right:max(var(--spacing-xl),env(safe-area-inset-right))}.hero{padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top));padding-bottom:calc(var(--spacing-2xl) + env(safe-area-inset-bottom))}}@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.header{padding-top:calc(var(--spacing-md) + env(safe-area-inset-top))}.hero{padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top));padding-bottom:calc(var(--spacing-2xl) + env(safe-area-inset-bottom))}.main{padding-left:max(var(--spacing-lg),env(safe-area-inset-left));padding-right:max(var(--spacing-lg),env(safe-area-inset-right))}}@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.header{padding-top:calc(var(--spacing-md) + env(safe-area-inset-top));padding-left:max(var(--spacing-xl),env(safe-area-inset-left));padding-right:max(var(--spacing-xl),env(safe-area-inset-right))}.hero{padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top));padding-bottom:calc(var(--spacing-2xl) + env(safe-area-inset-bottom))}.main{padding-left:max(var(--spacing-xl),env(safe-area-inset-left));padding-right:max(var(--spacing-xl),env(safe-area-inset-right))}}@media only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.header{padding-top:calc(var(--spacing-md) + env(safe-area-inset-top));padding-left:max(var(--spacing-xl),env(safe-area-inset-left));padding-right:max(var(--spacing-xl),env(safe-area-inset-right))}.hero{padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top));padding-bottom:calc(var(--spacing-2xl) + env(safe-area-inset-bottom))}}@media only screen and (min-device-width: 375px) and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2){body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(99,102,241,.1)}button,.btn,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px;-webkit-tap-highlight-color:rgba(99,102,241,.2);touch-action:manipulation;cursor:pointer}.header{position:-webkit-sticky;position:sticky;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero,.section,.card{will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}.main{-webkit-overflow-scrolling:touch}input,textarea,select{font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-md);-webkit-border-radius:var(--radius-md)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-md);-webkit-border-radius:var(--radius-md)}img{-webkit-user-drag:none;-webkit-touch-callout:none}.nav a,.nav-logout{-webkit-tap-highlight-color:rgba(99,102,241,.2);touch-action:manipulation;min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.card{-webkit-tap-highlight-color:rgba(99,102,241,.1);touch-action:manipulation}.hero-main h1{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.section{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.footer{padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom));padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}form{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.modal,[role=dialog]{padding-left:max(var(--spacing-lg),env(safe-area-inset-left));padding-right:max(var(--spacing-lg),env(safe-area-inset-right));padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom))}.chat-widget{padding-bottom:env(safe-area-inset-bottom)}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.card-3d,.info-card-3d,.stat-card-3d{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.text-primary,.text-secondary{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.main{max-width:1200px;padding:var(--spacing-2xl)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}.header{padding:var(--spacing-lg) var(--spacing-2xl)}}@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px){.main{max-width:1400px}}@supports (-webkit-touch-callout: none){body{background-color:var(--bg-primary)}@media (prefers-color-scheme: dark){:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--text-primary: #ffffff}}}@supports (-webkit-appearance: none){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero,.section,.card{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md)}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:var(--radius-md);border-radius:var(--radius-md);-webkit-tap-highlight-color:rgba(99,102,241,.2)}*{-webkit-backface-visibility:hidden;backface-visibility:hidden}img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.main{-webkit-overflow-scrolling:touch}}@supports (-webkit-touch-callout: none){input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],textarea{font-size:16px!important}}