@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-color: #8b5cf6;--primary-light: #a78bfa;--primary-dark: #7c3aed;--secondary-color: #06b6d4;--secondary-light: #22d3ee;--accent-color: #10b981;--text-color: #333333;--text-light: #666666;--text-muted: #999999;--bg-color: #1e1b4b;--bg-light: #312e81;--bg-gray: #4338ca;--bg-dark: #0f0c29;--border-color: #4c1d95;--shadow-light: 0 2px 10px rgba(139, 92, 246, .1);--shadow-medium: 0 10px 30px rgba(139, 92, 246, .2);--shadow-heavy: 0 20px 40px rgba(139, 92, 246, .3);--border-radius: 8px;--border-radius-lg: 20px;--transition: all .3s ease;--background: #f0f8ff;--foreground: #0f172a;--card: #ffffff;--card-foreground: #0f172a;--popover: #ffffff;--popover-foreground: #0f172a;--primary: #1e40af;--primary-foreground: #ffffff;--secondary: #dbeafe;--secondary-foreground: #0f172a;--muted: #e0f2fe;--muted-foreground: #64748b;--accent: #3b82f6;--accent-foreground: #ffffff;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #bfdbfe;--input: #bfdbfe;--ring: #1e40af;--radius: .5rem}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-color);background-color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.overflow-hidden{overflow:hidden}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.grid{display:grid}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-12{gap:3rem}.space-y-8>*+*{margin-top:2rem}.space-y-6>*+*{margin-top:1.5rem}.h-\[600px\]{height:600px}.rounded-3xl{border-radius:1.5rem}.object-cover{object-fit:cover}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-background{--tw-gradient-from: var(--background);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))}.to-secondary\/30{--tw-gradient-to: rgba(241, 245, 249, .3)}.from-secondary{--tw-gradient-from: var(--secondary);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(241, 245, 249, 0))}.to-primary\/20{--tw-gradient-to: rgba(139, 92, 246, .2)}.from-primary\/20{--tw-gradient-from: rgba(139, 92, 246, .2);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))}.to-transparent{--tw-gradient-to: transparent}.from-primary{--tw-gradient-from: var(--primary);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))}.to-accent{--tw-gradient-to: var(--accent)}.-bottom-6{bottom:-1.5rem}.-right-6{right:-1.5rem}.w-24{width:6rem}.h-24{height:6rem}.bg-accent{background-color:var(--accent)}.opacity-20{opacity:.2}.-top-6{top:-1.5rem}.-left-6{left:-1.5rem}.w-16{width:4rem}.h-16{height:4rem}.bg-primary{background-color:var(--primary)}.opacity-30{opacity:.3}.font-medium{font-weight:500}.text-primary{color:var(--primary)}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.font-bold{font-weight:700}.text-foreground{color:var(--foreground)}.leading-tight{line-height:1.25}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.text-muted-foreground{color:var(--muted-foreground)}.leading-relaxed{line-height:1.625}.max-w-lg{max-width:32rem}.flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.gap-4{gap:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.h-auto{height:auto}.rounded-full{border-radius:9999px}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pt-8{padding-top:2rem}.border-t{border-top-width:1px}.border-border\/50{border-color:#e2e8f080}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.minimal-button{background:#1e3a8a!important;border:none!important;color:#fff!important;font-weight:600!important;letter-spacing:.5px!important;transition:all .3s ease!important;border-radius:50px!important;box-shadow:0 4px 15px #1e3a8a4d!important;position:relative!important;overflow:hidden!important}.minimal-button:hover{background:#1e40af!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #1e3a8a66!important}.minimal-button[data-variant=outline]{background:transparent!important;border:2px solid #1e3a8a!important;color:#1e3a8a!important;box-shadow:none!important}.minimal-button[data-variant=outline]:hover{background:#1e3a8a!important;color:#fff!important;border-color:#1e3a8a!important;box-shadow:0 4px 15px #1e3a8a4d!important}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--text-color)}p{margin-bottom:1rem;color:var(--text-light)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-light)}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}::selection{background:var(--primary-color);color:var(--text-color)}::-moz-selection{background:var(--primary-color);color:var(--text-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spin{animation:spin 1s linear infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.w-full{width:100%}.h-full{height:100%}@media (max-width: 768px){.d-md-none{display:none}.d-md-block{display:block}.d-md-flex{display:flex}}@media (max-width: 480px){.d-sm-none{display:none}.d-sm-block{display:block}.d-sm-flex{display:flex}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#1e1b4bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;border-bottom:1px solid var(--border-color)}.header.scrolled{background:#1e1b4bfa;box-shadow:0 2px 20px #8b5cf633}.logo h2{color:#fff;font-size:1.8rem;font-weight:800;margin:0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-link{background:none;border:none;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);padding:8px 0}.nav-link:hover{color:var(--primary-color)}.hamburger span{width:25px;height:3px;background:#fff;transition:all .3s ease}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);gap:8px;min-width:140px}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--text-color);box-shadow:var(--shadow-medium)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light));color:var(--text-color);box-shadow:var(--shadow-medium)}.btn-secondary:hover{background:linear-gradient(135deg,var(--secondary-light),var(--secondary-color));box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.btn-outline{background:transparent;color:#fff;border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--text-color);transform:translateY(-2px)}.hero{min-height:100vh;display:flex;align-items:center;background:#fff;padding-top:100px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><radialGradient id="a" cx="50%" cy="50%"><stop offset="0%" stop-color="%238b5cf6" stop-opacity="0.1"/><stop offset="100%" stop-color="%238b5cf6" stop-opacity="0"/></radialGradient></defs><circle cx="200" cy="200" r="300" fill="url(%23a)"/><circle cx="800" cy="300" r="200" fill="url(%23a)"/><circle cx="400" cy="700" r="250" fill="url(%23a)"/></svg>');opacity:.3;z-index:1}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.image-slider{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-heavy);border:1px solid var(--border-color)}.image-container{position:relative;width:100%;height:400px}.hero-image{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf64d,#06b6d44d);display:flex;align-items:center;justify-content:center}.shinebox-badge{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:12px 24px;border-radius:25px;font-weight:600;font-size:1.1rem;box-shadow:var(--shadow-medium)}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:var(--transition)}.dot.active{background:var(--primary-color);transform:scale(1.2);box-shadow:0 0 10px var(--primary-color)}@media (max-width: 768px){.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center}.image-container{height:300px}.hamburger{display:flex}.nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:var(--bg-color);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2rem;transition:left .3s ease;box-shadow:var(--shadow-medium)}.nav-menu.active{left:0}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-buttons{flex-direction:column;align-items:center}.image-container{height:250px}}.section-title{text-align:center;margin-bottom:3rem;position:relative;color:#333;font-size:2.5rem;font-weight:700}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.service-card{background:#fff;padding:2.5rem;border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow-medium);transition:var(--transition);border:1px solid var(--border-color)}.service-card:hover{box-shadow:var(--shadow-heavy);transform:translateY(-10px);border-color:var(--primary-color)}.service-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--text-color)}.service-card li{display:flex;align-items:center;gap:10px;margin-bottom:.5rem;color:#666}.service-card li i{color:var(--accent-color);font-size:.9rem}.feature-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-color);flex-shrink:0}.product-image{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-heavy);border:1px solid var(--border-color)}.product-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light));color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.product-glow{position:absolute;inset:-20px;background:linear-gradient(135deg,#8b5cf64d,#06b6d44d);border-radius:30px;z-index:-1}.filter-btn{background:transparent;border:2px solid var(--border-color);color:#666;padding:10px 20px;border-radius:25px;cursor:pointer;transition:var(--transition);font-weight:500}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.portfolio-item{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-medium);transition:var(--transition);border:1px solid var(--border-color)}.portfolio-item:hover{box-shadow:var(--shadow-heavy);border-color:var(--primary-color)}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1e1b4be6,#4338cacc);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;opacity:0;transition:all .3s ease}.portfolio-overlay p{color:#e5e7eb;margin-bottom:1rem}.tag{background:#8b5cf633;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;border:1px solid var(--primary-color)}.process-header{text-align:center;margin-bottom:80px}.process-title{font-size:3rem;font-weight:800;color:var(--text-color);margin-bottom:16px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.process-subtitle{font-size:1.2rem;color:var(--text-light);max-width:600px;margin:0 auto;line-height:1.6}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1200px;margin:0 auto;position:relative}.process-step{background:#fff;border-radius:20px;padding:40px 30px;text-align:center;position:relative;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb}.process-step:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.step-number{position:absolute;top:-15px;left:30px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;box-shadow:0 5px 15px #8b5cf64d}.step-icon{width:80px;height:80px;margin:20px auto 30px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary-color);transition:all .3s ease;overflow:hidden}.step-image{width:100%;height:100%;object-fit:cover;border-radius:20px}.step-emoji{font-size:2.5rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.process-step:hover .step-icon{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));color:#fff;transform:scale(1.1)}.step-title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:16px}.step-description{color:var(--text-light);line-height:1.6;font-size:1rem}.step-connector{position:absolute;top:50%;right:-20px;width:40px;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:translateY(-50%);z-index:1}.step-connector:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid var(--secondary-color);border-top:4px solid transparent;border-bottom:4px solid transparent}@media (max-width: 768px){.product-content{grid-template-columns:1fr;gap:2rem}.portfolio-grid,.services-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr;gap:30px}.step-connector{display:none}.process-step{padding:30px 20px}.step-number{left:20px;width:40px;height:40px;font-size:1rem}.step-icon{width:60px;height:60px;font-size:1.5rem}.step-image{width:100%;height:100%;object-fit:cover;border-radius:15px}.step-emoji{font-size:2rem}.process-title{font-size:2.5rem}}.card-nav-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;width:90%;max-width:1200px}.card-nav{width:100%;background:#fff;border-radius:16px;transition:all .3s ease;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-nav.open{box-shadow:0 4px 20px #0000001a}.card-nav-top{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:60px;max-width:1200px;margin:0 auto;position:relative}.hamburger-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer;transition:all .3s ease}.hamburger-line{width:20px;height:2px;background:currentColor;margin:2px 0;transition:all .3s ease;transform-origin:center}.hamburger-menu.open .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-menu.open .hamburger-line:last-child{transform:rotate(-45deg) translate(5px,-5px)}.logo-container{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;z-index:1}.logo{height:40px;width:auto;object-fit:contain}.language-selector{position:relative}.language-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:70px;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #0000001a}.language-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.language-icon{font-size:16px}.language-code{font-weight:700}.chevron-icon{font-size:12px;transition:transform .3s ease}.chevron-icon.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 8px 25px #00000026;border:1px solid #e5e7eb;overflow:hidden;z-index:1000;min-width:160px;margin-top:4px}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;font-size:14px}.language-option:hover{background:#f8fafc}.language-option.active{background:#f1f5f9;color:#1e40af;font-weight:600}.flag{font-size:18px}.language-name{font-weight:500}.card-nav-content{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;visibility:hidden;pointer-events:none;position:absolute;height:0;overflow:hidden}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto;position:static;height:auto}.nav-card{padding:24px;border-radius:12px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.nav-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.nav-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease}.nav-card:hover:before{opacity:1}.nav-card-label{font-size:18px;font-weight:700;margin-bottom:16px;color:inherit}.nav-card-links{display:flex;flex-direction:column;gap:12px}.nav-card-link{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;opacity:.8;background:none;border:none;padding:0;cursor:pointer;width:100%;text-align:left;font-family:inherit}.nav-card-link:hover{opacity:1;transform:translate(4px)}.nav-card-link-icon{font-size:16px;transition:transform .3s ease}.nav-card-link:hover .nav-card-link-icon{transform:translate(2px,-2px)}@media (max-width: 768px){.card-nav-top{padding:0 16px}.card-nav-content{padding:16px;grid-template-columns:1fr;gap:16px}.nav-card{padding:20px}.nav-card-label{font-size:16px}.nav-card-link{font-size:13px}}@media (max-width: 1024px) and (min-width: 769px){.card-nav-content{grid-template-columns:repeat(2,1fr)}.language-button{padding:7px 11px;font-size:12px;min-width:65px}}@media (max-width: 768px){.card-nav-top{padding:0 16px}.language-button{padding:7px 11px;font-size:12px;min-width:60px}.logo{height:36px}}@media (max-width: 480px){.card-nav-top{padding:0 12px}.card-nav-content{padding:12px}.nav-card{padding:16px}.logo{height:32px}.language-button{padding:6px 10px;font-size:11px;min-width:55px;gap:4px}.language-dropdown{min-width:120px}.language-option{padding:8px 10px;font-size:12px}.language-icon{font-size:14px}.chevron-icon{font-size:10px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.App{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem;font-weight:800}h2{font-size:2.5rem;font-weight:700}h3{font-size:1.8rem;font-weight:600}h4{font-size:1.4rem;font-weight:600}p{margin-bottom:1rem;font-size:1.1rem;line-height:1.7}.section-title{text-align:center;margin-bottom:3rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#1976d2,#42a5f5);border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;gap:8px;min-width:140px}.btn-primary{background:linear-gradient(135deg,#1976d2,#42a5f5);color:#000;box-shadow:0 4px 15px #ffd7004d}.btn-primary:hover{background:linear-gradient(135deg,#42a5f5,#1976d2);box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.btn-secondary:hover{background:linear-gradient(135deg,#ff8e8e,#ff6b6b);box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.btn-outline{background:transparent;color:#333;border:2px solid #333}.btn-outline:hover{background:#333;color:#fff;transform:translateY(-2px)}.btn-whatsapp{background:#25d366;color:#fff}.btn-whatsapp:hover{background:#128c7e}.btn-telegram{background:#08c;color:#fff}.btn-telegram:hover{background:#069}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.header.scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo h2{color:#333;font-size:1.8rem;font-weight:800;margin:0}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{background:none;border:none;color:#333;font-size:1rem;font-weight:500;cursor:pointer;transition:color .3s ease;padding:8px 0}.nav-link:hover{color:#1976d2}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger span{width:25px;height:3px;background:#333;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero{min-height:100vh;display:flex;align-items:center;background:#fff;padding-top:70px}.desktop-layout{display:block}.mobile-layout{display:none}.hero-card,.hero-content{position:relative}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;text-align:center;color:#fff}.video-loading p{font-size:.9rem;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:1rem 0 0}.mobile-bg-video{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translate3d(-50%,-50%,0)}@media (prefers-reduced-motion: reduce){.mobile-bg-video,.loading-spinner{animation:none}}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-title{font-size:3.5rem;font-weight:800;color:#333;margin-bottom:1.5rem;line-height:1.1}.hero-description{font-size:1.3rem;color:#666;margin-bottom:2rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.video-slider{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.video-container{position:relative;width:100%;height:400px}.hero-video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center}.play-button{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.play-button:hover{background:#fff;transform:scale(1.1)}.play-button i{font-size:2rem;color:#333;margin-left:4px}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease}.dot.active{background:#1976d2;transform:scale(1.2)}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center}.image-slider{position:relative;width:100%;max-width:400px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.image-container{position:relative;width:100%;height:300px;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hero-image:hover{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0000001a,#0000004d);display:flex;align-items:flex-start;justify-content:flex-end;padding:20px}.shinebox-badge{background:#ffd700e6;color:#333;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #ffd7004d}.services{padding:100px 0;background:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.service-card{background:#fff;padding:2.5rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:1px solid #f0f0f0}.service-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.service-icon{width:80px;height:80px;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#333}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.service-card p{color:#666;margin-bottom:1.5rem}.service-card ul{list-style:none;text-align:left}.service-card li{display:flex;align-items:center;gap:10px;margin-bottom:.5rem;color:#555}.service-card li i{color:#1976d2;font-size:.9rem}.product-showcase{padding:100px 0;background:#fff}.product-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.product-info h2{font-size:2.5rem;margin-bottom:1rem;color:#333}.product-description{font-size:1.2rem;color:#666;margin-bottom:2rem}.features{margin-bottom:2rem}.feature{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.feature-icon{width:50px;height:50px;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#333;flex-shrink:0}.feature h4{font-size:1.2rem;margin-bottom:.5rem;color:#333}.feature p{color:#666;margin:0}.product-buttons{display:flex;gap:1rem;flex-wrap:wrap}.product-visual{position:relative}.product-image-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.product-image-slider{position:relative;width:100%;height:100%;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.product-image.transitioning{opacity:.7}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;font-size:1.2rem}.slider-arrow:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.slider-arrow:disabled{opacity:.5;cursor:not-allowed}.slider-arrow:disabled:hover{transform:translateY(-50%);background:#00000080}.slider-arrow-left{left:15px}.slider-arrow-right{right:15px}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.slider-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}.slider-dot:hover{border-color:#fffc;transform:scale(1.2)}.slider-dot.active{background:#fff;border-color:#fff;transform:scale(1.2)}.slider-dot:disabled{cursor:not-allowed;opacity:.5}.product-image img{width:100%;height:auto;display:block}.product-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.product-glow{position:absolute;inset:-20px;background:linear-gradient(135deg,#ffd7004d,#ffed4e4d);border-radius:30px;z-index:-1}.portfolio{padding:100px 0;background:#fff}.portfolio-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:transparent;border:2px solid #ddd;color:#666;padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn.active,.filter-btn:hover{background:#1976d2;border-color:#1976d2;color:#333}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.portfolio-item{border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.portfolio-image{position:relative;overflow:hidden}.portfolio-image img{width:100%;height:250px;object-fit:cover;transition:transform .3s ease}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000c,#0009);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;opacity:0;transition:all .3s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-item:hover .portfolio-image img{transform:scale(1.1)}.portfolio-overlay h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.portfolio-overlay p{color:#ffffffe6;margin-bottom:1rem}.portfolio-tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.tag{background:#fff3;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem}.about{padding:100px 0;background:#fff}.about-content{margin-bottom:80px;padding:60px 40px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;box-shadow:0 10px 30px #0000001a}.about-content-wrapper{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:center}.about-image-section{display:flex;justify-content:center;align-items:center}.about-whatsapp-image{width:100%;max-width:280px;height:auto;border-radius:15px;box-shadow:0 8px 25px #00000026;transition:transform .3s ease}.about-whatsapp-image:hover{transform:scale(1.05)}.about-text-section{text-align:left}.about-title{font-size:2.8rem;font-weight:800;color:#1e40af;margin-bottom:2rem;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-text{font-size:1.2rem;line-height:1.8;color:#4b5563;max-width:900px;margin:0 auto;text-align:justify}.about-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{font-size:2.5rem;margin-bottom:1rem;color:#333}.about-subtitle{font-size:1.3rem;color:#1976d2;font-weight:600;margin-bottom:2rem}.about-features{margin-bottom:2rem}.about-feature{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.about-feature-icon{width:50px;height:50px;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#333;flex-shrink:0}.about-feature h4{font-size:1.2rem;margin-bottom:.5rem;color:#333}.about-feature p{color:#666;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.stat{text-align:center;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a}.stat h3{font-size:2.5rem;color:#1976d2;margin-bottom:.5rem}.stat p{color:#666;margin:0;font-weight:500}.about-visual{position:relative}.about-image{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.about-image img{width:100%;height:auto;display:block}.about-badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;padding:12px 20px;border-radius:25px;font-size:1rem;font-weight:600;box-shadow:0 5px 15px #ff6b6b4d}.pricing{padding:100px 0;background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.pricing-card{background:#fff;border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:2px solid transparent;position:relative}.pricing-card.featured{border-color:#1976d2;transform:scale(1.05)}.pricing-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1976d2,#42a5f5);color:#333;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:600}.pricing-header h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.price{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:2rem}.currency{font-size:1.2rem;color:#666}.amount{font-size:3rem;font-weight:800;color:#333}.price-blur{filter:blur(8px);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.period{font-size:1rem;color:#666}.pricing-features{list-style:none;margin-bottom:2rem}.pricing-features li{display:flex;align-items:center;gap:10px;margin-bottom:.8rem;color:#555}.pricing-features li i{color:#1976d2;font-size:.9rem}.pricing-note{text-align:center;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;margin-top:2rem}.pricing-note p{color:#666;margin:0}.pricing-note a{color:#1976d2;text-decoration:none;font-weight:600}.pricing-note a:hover{text-decoration:underline}.technical{padding:100px 0;background:#fff}.technical-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-bottom:3rem}.tech-specs{display:flex;flex-direction:column;gap:2rem}.spec-category h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.spec-list{display:flex;flex-direction:column;gap:.8rem}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d}.spec-label{font-weight:600;color:#333}.spec-value{color:#666;font-weight:500}.tech-image-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.tech-image-container img{width:100%;height:auto;display:block}.tech-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#00000080);display:flex;align-items:center;justify-content:center}.tech-highlight{text-align:center;color:#fff}.tech-highlight h4{font-size:1.8rem;margin-bottom:.5rem}.tech-highlight p{font-size:1.1rem;margin:0}.tech-download{text-align:center}.download-section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000001a}.download-section h3{font-size:1.5rem;margin-bottom:.5rem;color:#333}.download-section p{color:#666;margin-bottom:1.5rem}.faq{padding:100px 0;background:#fff}.faq-list{max-width:900px;margin:0 auto}.faq-category{margin-bottom:3rem}.faq-category:last-child{margin-bottom:0}.faq-category-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid #1976d2;display:flex;align-items:center;gap:.5rem}.faq-item{background:#fff;border-radius:15px;margin-bottom:1rem;box-shadow:0 5px 15px #0000001a;overflow:hidden}.faq-question{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-question:hover{background:#f8f9fa}.faq-question h3{font-size:1.2rem;color:#333;margin:0}.faq-question i{font-size:1.2rem;color:#666;transition:all .3s ease}.faq-question i.active{color:#1976d2}.faq-answer{padding:0 1.5rem 1.5rem;background:#f8f9fa}.faq-answer p{color:#666;margin:0;line-height:1.6}.faq-contact{text-align:center;margin-top:3rem}.faq-contact-content{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;border-radius:15px}.faq-contact-content h3{font-size:1.5rem;margin-bottom:.5rem;color:#333}.faq-contact-content p{color:#666;margin-bottom:1.5rem}.contact{padding:100px 0 0;background:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:3rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:flex-start;gap:1rem}.contact-icon{width:50px;height:50px;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#333;flex-shrink:0}.contact-item h4{font-size:1.2rem;margin-bottom:.5rem;color:#333}.contact-item p{color:#666;margin:0}.social-links h4{font-size:1.2rem;margin-bottom:1rem;color:#333}.social-icons{display:flex;gap:1rem}.social-link{width:50px;height:50px;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#333;text-decoration:none;transition:all .3s ease}.social-link:hover{background:linear-gradient(135deg,#42a5f5,#1976d2);transform:translateY(-3px)}.contact-form{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #0000001a}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #ffd7001a}.form-group textarea{resize:vertical;min-height:120px}.quick-contact{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.map-section{margin-top:3rem}.map-container{border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.map-container iframe{width:100%;height:400px;border:none}.footer{background:#333;color:#fff;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{font-size:1.2rem;margin-bottom:1rem;color:#1976d2}.footer-section p{color:#ccc;margin-bottom:1rem;line-height:1.6}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-link{background:none;border:none;color:#ccc;cursor:pointer;transition:color .3s ease;padding:0;font-size:1rem}.footer-link:hover{color:#1976d2}.footer-social{display:flex;gap:1rem;margin-top:1rem}.footer-social a{width:40px;height:40px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.footer-social a:hover{background:#1976d2;color:#333;transform:translateY(-2px)}.footer-contact p{display:flex;align-items:center;gap:10px;margin-bottom:.5rem;color:#ccc}.footer-contact i{color:#1976d2;width:16px}.footer-bottom{border-top:1px solid #555;padding-top:2rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{color:#ccc;margin:0}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#1976d2}.footer-credits{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #444}.footer-credits p{color:#999;font-size:.9rem;margin:0}.codelous-link{color:#1976d2;text-decoration:none;font-weight:600;transition:all .3s ease}.codelous-link:hover{color:#fff;text-shadow:0 0 10px rgba(255,215,0,.5)}@media (min-width: 769px){.desktop-layout{display:block}.mobile-layout{display:none}}@media (max-width: 768px){.hamburger{display:flex}.nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2rem;transition:left .3s ease;box-shadow:0 2px 20px #0000001a}.nav-menu.active{left:0}.desktop-layout{display:none!important}.mobile-layout{display:block!important}.hero-section{position:relative;height:100vh;padding-top:0}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#000}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2}.hero-content{position:relative;z-index:3;color:#fff;height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.mobile-hero-content{max-width:400px;width:100%}.mobile-hero-content .flex{flex-direction:column!important;gap:1rem!important;align-items:center!important}.mobile-hero-content .minimal-button{width:100%!important;max-width:300px!important;margin:0 auto!important}.hero-card{display:none}.hero-content h1{color:#fff!important;text-shadow:4px 4px 8px rgba(0,0,0,1),2px 2px 4px rgba(0,0,0,.8);font-size:2.5rem!important;line-height:1.2}.hero-content h1 span{color:#fff!important;text-shadow:4px 4px 8px rgba(0,0,0,1),2px 2px 4px rgba(0,0,0,.8)}.hero-content p{color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.hero-content .text-sm{font-size:.875rem!important}.hero-content .text-lg{font-size:.95rem!important;line-height:1.5}.mobile-button{background:linear-gradient(135deg,#1976d2,#42a5f5)!important;color:#000!important;box-shadow:0 4px 15px #ffd7004d!important;border:none!important;min-height:44px;font-weight:600;text-shadow:none;font-size:.9rem;padding:12px 24px}.mobile-button:hover{background:linear-gradient(135deg,#42a5f5,#1976d2)!important;box-shadow:0 6px 20px #ffd70066!important;transform:translateY(-2px)}.mobile-button-outline{background:#ffffff1a!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:44px;font-weight:600;text-shadow:none;font-size:.9rem;padding:12px 24px}.mobile-button-outline:hover{background:#fff3!important;border-color:#ffffff80!important;transform:translateY(-2px)}.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center}.image-slider{max-width:350px}.image-container{height:250px}.product-content{grid-template-columns:1fr;gap:2rem}.about-content{padding:40px 20px;margin-bottom:60px}.about-content-wrapper{grid-template-columns:1fr;gap:2rem;text-align:center}.about-image-section{order:1}.about-text-section{order:2;text-align:center}.about-whatsapp-image{max-width:250px}.about-title{font-size:2.2rem}.about-text{font-size:1.1rem;text-align:left}.about-content-grid{grid-template-columns:1fr;gap:2rem}.slider-arrow{width:40px;height:40px;font-size:1rem}.slider-arrow-left{left:10px}.slider-arrow-right{right:10px}.slider-dots{bottom:15px}.slider-dot{width:10px;height:10px}.stats{grid-template-columns:1fr;gap:1rem}.technical-content,.contact-content{grid-template-columns:1fr;gap:2rem}.footer-bottom-content{flex-direction:column;text-align:center}.footer-bottom-links{justify-content:center}.footer-credits{margin-top:1.5rem}.footer-credits p{font-size:.85rem}.admin-panel-button{padding:.5rem 1rem;font-size:.8rem}.table-row{grid-template-columns:1fr;gap:.5rem;padding:1rem}.table-header .table-row{display:none}.table-row>div{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.table-row>div:last-child{border-bottom:none}.table-row>div:before{content:attr(data-label);font-weight:600;color:#666}.service-info:before{content:"Hizmet: "}.category:before{content:"Kategori: "}.base-price:before{content:"Fiyat: "}.discount:before{content:"İndirim: "}.final-price:before{content:"Final Fiyat: "}.status:before{content:"Durum: "}.actions:before{content:"İşlemler: "}.header-actions{flex-direction:column;gap:1rem;align-items:stretch}.revenue-summary{text-align:center}.form-row{grid-template-columns:1fr}.modal{margin:1rem;max-width:calc(100vw - 2rem)}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.portfolio-grid,.services-grid{grid-template-columns:1fr}}@media (max-width: 480px){.container{padding:0 15px}.hero-content{padding:1rem}.hero-content h1{font-size:1.75rem!important;line-height:1.1}.hero-content .text-sm{font-size:.8rem!important}.hero-content .text-lg{font-size:.9rem!important;line-height:1.4}.mobile-button,.mobile-button-outline{min-height:40px;font-size:.85rem;padding:10px 20px;width:100%;max-width:280px}.hero-title,.section-title{font-size:2rem}.btn{padding:10px 20px;font-size:.9rem}.hero-buttons{flex-direction:column;align-items:center}.image-slider{max-width:300px}.image-container{height:200px}.product-buttons,.quick-contact{flex-direction:column;align-items:center}}