:root{--primary:#eab308;--primary-dark:#d97706;--primary-light:#fef3c7;--accent:#eab308;--accent-dark:#d97706;--accent-light:#fef3c7;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--bg-dark:#0f172a;--bg-darker:#0a0f1a;--bg-gray:#1e293b;--bg-card:#1e293b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--border:#334155;--gradient-1:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--gradient-2:linear-gradient(135deg, #eab308 0%, #fef08a 100%);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d;--radius:12px;--radius-lg:16px;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", "Fira Code", monospace}body{background:var(--bg-dark);width:100%;color:var(--text-primary);font-family:var(--sans);position:relative;overflow-x:hidden}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}#root{width:100%;overflow-x:hidden}::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:4px}::selection{background:var(--accent);color:var(--bg-dark)}@media (width<=768px){.container{padding:0 16px}}.App{flex-direction:column;min-height:100vh;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.fade-in{animation:.6s forwards fadeInUp}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 5%}.btn-primary{background:var(--gradient-2);color:var(--primary-dark);cursor:pointer;border:none;border-radius:50px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-outline{border:2px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:50px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s}.btn-outline:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.section{padding:100px 0}.section-dark{background:var(--bg-gray)}.section-title{text-align:center;background:var(--gradient-1);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:48px;font-weight:700}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:18px}@media (width<=768px){.section{padding:60px 0}.section-title{font-size:32px}}.top-bar-premium{color:#fff;z-index:1002;background:linear-gradient(135deg,#0a2b44 0%,#0f3a5a 100%);border-bottom:1px solid #ffffff1a;padding:10px 0;position:fixed;top:0;left:0;right:0}.top-bar-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 5%;display:flex}.top-bar-left{gap:16px;display:flex}.top-bar-badge{letter-spacing:.5px;background:#ffffff26;border-radius:50px;padding:5px 12px;font-size:11px;font-weight:600}.top-bar-right{gap:24px;display:flex}.top-bar-right a{color:#fff;align-items:center;gap:8px;font-size:12px;text-decoration:none;transition:all .3s;display:flex}.top-bar-right a:hover{color:#f5a623;transform:translateY(-1px)}.navbar-premium{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172afa;border-bottom:1px solid #ffffff0d;position:fixed;top:46px;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;gap:60px;max-width:1400px;min-height:80px;margin:0 auto;padding:0 5%;display:flex}body{margin:0;overflow-x:hidden;padding-top:126px!important}.desktop-nav-wrapper{flex:1;justify-content:flex-end;align-items:center;gap:40px;display:flex}.nav-links-premium{align-items:center;gap:56px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#e2e8f0;padding:8px 0;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link:before{content:"";background:linear-gradient(135deg,#f5a623 0%,#ffc44a 100%);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:before,.nav-link.active:before{width:100%}.nav-link:hover{color:#f5a623;transform:translateY(-2px)}.dropdown-premium{position:relative}.dropdown-trigger{cursor:pointer;align-items:center;gap:6px;display:flex}.dropdown-icon{width:14px;height:14px;transition:transform .3s}.dropdown-premium:hover .dropdown-icon{transform:rotate(180deg)}.dropdown-menu-premium{opacity:0;visibility:hidden;z-index:1000;background:#1e293b;border:1px solid #ffffff1a;border-radius:20px;width:650px;transition:opacity .3s,visibility .3s,transform .3s;position:absolute;top:calc(100% + 12px);left:-40px;transform:translateY(-10px);box-shadow:0 20px 40px #0006}.dropdown-premium:hover .dropdown-menu-premium{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-grid{grid-template-columns:repeat(3,1fr);gap:28px;padding:28px;display:grid}.dropdown-column{flex-direction:column;gap:10px;display:flex}.dropdown-category{text-transform:uppercase;letter-spacing:1px;color:#f5a623;margin-bottom:8px;font-size:12px;font-weight:700}.dropdown-column a{color:#94a3b8;align-items:center;gap:8px;padding:6px 0;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.dropdown-column a:hover{color:#f5a623;transform:translate(5px)}.dropdown-footer{background:#0f172a;border-top:1px solid #ffffff1a;padding:16px 28px}.dropdown-cta{color:#f5a623;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}.dropdown-cta:hover{gap:12px}.nav-actions{align-items:center;gap:24px;display:flex}.cta-premium{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:50px;align-items:center;gap:10px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.cta-premium:hover{color:#fff;gap:12px;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.menu-toggle-premium{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;display:none}.menu-toggle-premium span{background:#e2e8f0;border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.logo-container{cursor:pointer;flex-shrink:0;align-items:center;gap:16px;display:flex}.logo-text-wrapper{flex-direction:column;line-height:1.3;display:flex}.logo-company-name{letter-spacing:-.3px;font-size:18px;font-weight:800}.logo-company-name .gold{color:#eab308}.logo-company-name .white{color:#f1f5f9}.logo-solutions{letter-spacing:1px;color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:700}.logo-tagline{letter-spacing:.5px;color:#64748b;text-transform:uppercase;font-size:8px;font-weight:500}.admin-profile-dropdown{position:relative}.admin-profile-trigger{cursor:pointer;background:#eab3081a;border:1px solid #eab30833;border-radius:50px;align-items:center;gap:12px;padding:8px 20px 8px 12px;transition:all .3s;display:flex}.admin-profile-trigger:hover{background:#eab30826}.admin-avatar{color:#0f172a;background:linear-gradient(135deg,#eab308 0%,#f59e0b 100%);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.admin-info{text-align:left;flex-direction:column;display:flex}.admin-name{color:#e2e8f0;font-size:13px;font-weight:600}.admin-role{color:#eab308;font-size:10px;font-weight:500}.dropdown-arrow{color:#94a3b8;width:12px;height:12px;transition:transform .3s}.admin-profile-trigger:hover .dropdown-arrow{transform:rotate(180deg)}.admin-dropdown-menu{opacity:0;visibility:hidden;z-index:1000;background:#1e293b;border:1px solid #334155;border-radius:16px;width:280px;transition:all .3s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.admin-profile-dropdown:hover .admin-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{background:#0f172a;align-items:center;gap:12px;padding:16px;display:flex}.dropdown-avatar{color:#0f172a;background:linear-gradient(135deg,#eab308 0%,#f59e0b 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.dropdown-item{cursor:pointer;color:#94a3b8;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}@media (width<=968px){.top-bar-premium{display:none}.navbar-premium{top:0}body{padding-top:70px!important}.nav-container{justify-content:space-between;gap:0;min-height:70px}.desktop-nav-wrapper,.nav-links-premium,.dropdown-premium,.nav-actions,.cta-premium,.admin-profile-dropdown{display:none!important}.menu-toggle-premium{display:flex!important}.mobile-menu-premium{z-index:2000;background:#1e293b;flex-direction:column;width:85%;max-width:400px;height:100vh;transition:right .3s ease-out;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-5px 0 30px #00000080;display:flex!important}.mobile-menu-premium.active{right:0}.mobile-menu-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-close{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.mobile-menu-links{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.mobile-menu-links>a{color:#e2e8f0;cursor:pointer;border-bottom:1px solid #ffffff0d;padding:12px 0;font-size:16px;font-weight:500;text-decoration:none;display:block}.mobile-dropdown{border-bottom:1px solid #ffffff0d;width:100%}.mobile-dropdown-trigger{color:#e2e8f0;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 0;font-size:16px;font-weight:500;display:flex}.mobile-dropdown-icon{color:#94a3b8;width:16px;height:16px;transition:transform .3s}.mobile-dropdown-icon.rotated{transform:rotate(180deg)}.mobile-dropdown-menu{flex-direction:column;gap:8px;margin-top:5px;margin-bottom:10px;padding-left:15px;display:none}.mobile-dropdown-menu.active{display:flex}.mobile-dropdown-category{color:#f5a623;text-transform:uppercase;letter-spacing:1px;margin-top:8px;margin-bottom:4px;font-size:11px;font-weight:700}.mobile-dropdown-category:first-child{margin-top:0}.mobile-dropdown-menu a{color:#94a3b8;cursor:pointer;align-items:center;gap:8px;padding:8px 0;font-size:14px;text-decoration:none;display:flex}.mobile-dropdown-menu a:hover{color:#f5a623}.mobile-menu-footer{border-top:1px solid #ffffff1a;flex-direction:column;gap:10px;padding:20px;display:flex}.mobile-contact{color:#94a3b8;align-items:center;gap:8px;font-size:13px;text-decoration:none;display:flex}.mobile-badges{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.mobile-badges .badge{color:#f5a623;background:#f5a6231a;border-radius:50px;padding:5px 10px;font-size:10px;font-weight:600}.mobile-overlay{z-index:1999;cursor:pointer;background:#000000b3;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.mobile-overlay.active{display:block}.desktop-only,.logo-text-wrapper{display:none}body.menu-open{overflow:hidden}}@media (width>=969px){.menu-toggle-premium,.mobile-menu-premium,.mobile-overlay,.mobile-admin-profile{display:none!important}.desktop-nav-wrapper{display:flex!important}}@media (width>=769px) and (width<=1024px){.nav-container{gap:30px}.nav-links-premium{gap:32px}.nav-link{font-size:14px}.dropdown-menu-premium{width:580px;left:-80px}.cta-premium{padding:10px 24px;font-size:14px}.nav-container{min-height:70px}body{padding-top:116px!important}}@media (width>=1400px){.top-bar-container,.nav-container{padding:0 50px}}html{scroll-behavior:smooth}.nav-link:focus,.cta-premium:focus,.mobile-dropdown-trigger:focus{outline-offset:2px;outline:2px solid #f5a623}*{box-sizing:border-box;margin:0;padding:0}body{width:100%;position:relative;overflow-x:hidden}html{width:100%;overflow-x:hidden}.hero{background:#202730;justify-content:center;align-items:center;width:100%;min-height:90vh;display:flex;position:relative;overflow-x:hidden}.hero-content{z-index:2;text-align:center;box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:0 24px;position:relative}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#eab308;white-space:nowrap;background:#eab30826;border:1px solid #eab3084d;border-radius:50px;margin-bottom:24px;padding:8px 24px;font-size:14px;font-weight:500;display:inline-block}@media (width<=640px){.hero-badge{white-space:normal;padding:6px 16px;font-size:12px}}.hero h1{color:#fff;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;margin-bottom:24px;font-size:clamp(32px,6vw,64px);font-weight:800;line-height:1.2}.hero h1 br{display:inline-block}@media (width<=768px){.hero h1 br{display:none}.hero h1{line-height:1.3}}.hero h1 .highlight{color:#0000;background:linear-gradient(135deg,#eab308 0%,#fef08a 100%);-webkit-background-clip:text;background-clip:text;display:inline-block}.hero p{color:#ffffffe6;max-width:700px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:clamp(16px,3vw,20px);line-height:1.5}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:60px;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:60px;margin-top:20px;display:flex}.stat-item{text-align:center}.stat-number{color:#eab308;font-size:clamp(24px,4vw,32px);font-weight:800;display:block}.hero-wave{width:100%;line-height:0;position:absolute;bottom:0;left:0;right:0}.hero-wave svg{width:100%;height:auto;min-height:60px}@media (width<=1024px){.hero-content{padding:0 32px}.hero h1{font-size:48px}.hero-stats{gap:40px}}@media (width<=768px){.hero{min-height:85vh}.hero-content{padding:0 20px}.hero h1{font-size:36px}.hero p{padding:0 10px;font-size:16px}.hero-buttons{flex-direction:column;align-items:center;gap:12px}.hero-buttons button{width:100%;max-width:260px}.hero-stats{gap:30px;margin-top:40px}.stat-number{font-size:28px}}@media (width<=480px){.hero{min-height:80vh}.hero-content{padding:0 16px}.hero h1{font-size:28px}.hero p{font-size:14px}.hero-badge{padding:4px 12px;font-size:10px}.hero-stats{flex-direction:column;gap:20px}.stat-number{font-size:24px}.stat-label{font-size:12px}}@media (width<=360px){.hero h1{font-size:24px}.hero p{font-size:13px}.hero-buttons button{padding:10px 20px;font-size:14px}}.section{padding:80px 0;position:relative;overflow-x:hidden}.section-dark{background:#0f172a;position:relative}.bg-circuit{opacity:.5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='none' stroke='rgba(234,179,8,0.03)' stroke-width='1' d='M20,20 L40,20 L40,40 L60,40 M80,20 L100,20 L100,40 L120,40 M140,20 L160,20 L160,40 L180,40 M20,60 L40,60 L40,80 L60,80 M80,60 L100,60 L100,80 L120,80 M140,60 L160,60 L160,80 L180,80 M20,100 L40,100 L40,120 L60,120 M80,100 L100,100 L100,120 L120,120 M140,100 L160,100 L160,120 L180,120'/%3E%3C/svg%3E");background-size:60px 60px;position:absolute;inset:0}.bg-dots{pointer-events:none;background-image:radial-gradient(#eab3080d 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.bg-code{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='5' y='15' fill='rgba(234,179,8,0.04)' font-size='8' font-family='monospace'%3E%3C/text%3E%3C/svg%3E");background-size:40px 40px;position:absolute;inset:0}.bg-quote{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='10' y='30' fill='rgba(234,179,8,0.04)' font-size='40' font-family='Georgia'%3E%22%3C/text%3E%3C/svg%3E");background-size:60px 60px;position:absolute;inset:0}.bg-steps{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='10' cy='10' r='2' fill='rgba(234,179,8,0.05)'/%3E%3C/svg%3E");background-size:30px 30px;position:absolute;inset:0}.cta-bg-pattern{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='rgba(255,255,255,0.03)' d='M0,0 L200,200 M200,0 L0,200'/%3E%3C/svg%3E");background-size:40px 40px;position:absolute;inset:0}.container{z-index:2;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 5%;position:relative;overflow-x:hidden}.section-title-wrapper{text-align:center;margin-bottom:60px}.section-title-wrapper .badge{color:#eab308;text-transform:uppercase;letter-spacing:1px;background:#eab3081a;border-radius:50px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.section-title-wrapper h2{color:#f1f5f9;word-wrap:break-word;margin-bottom:16px;font-size:clamp(28px,4vw,48px);font-weight:800}.section-title-wrapper h2 span{color:#eab308;position:relative}.section-title-wrapper .underline{background:linear-gradient(135deg,#eab308 0%,#fef08a 100%);border-radius:2px;width:80px;height:4px;margin:20px auto 0}.section-subtitle{text-align:center;color:#94a3b8;max-width:600px;margin-top:20px;margin-left:auto;margin-right:auto;font-size:18px}.service-card{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:24px;padding:40px 30px;transition:all .4s;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(135deg,#eab308 0%,#fef08a 100%);height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{border-color:#eab308;transform:translateY(-8px)}.service-card:hover:before{transform:scaleX(1)}.service-card h3{color:#f1f5f9;margin-bottom:16px;font-size:24px}.service-card p{color:#94a3b8;margin-bottom:24px;line-height:1.6}.service-link{color:#eab308;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}.service-link:hover{gap:12px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.pricing-card{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:24px;padding:40px 30px;transition:all .4s;position:relative}.pricing-card:hover{border-color:#eab308;transform:translateY(-8px)}.pricing-card.popular{border:2px solid #eab308;transform:scale(1.02)}.popular-badge{color:#0f172a;background:linear-gradient(135deg,#eab308 0%,#fef08a 100%);border-radius:50px;padding:6px 16px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{color:#f1f5f9;margin-bottom:16px;font-size:24px}.price{color:#eab308;margin-bottom:8px;font-size:48px;font-weight:800}.price-detail{color:#94a3b8;margin-bottom:24px;font-size:14px}.pricing-card ul{margin-bottom:32px;list-style:none}.pricing-card li{color:#94a3b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 0;display:flex}.pricing-card li:before{content:"✓";color:#10b981;font-weight:700}.additional-pricing{background:#1e293b;border:1px solid #334155;border-radius:24px;max-width:1280px;margin:60px auto 0;padding:40px}.additional-pricing h3{text-align:center;color:#f1f5f9;margin-bottom:30px;font-size:clamp(20px,3vw,24px)}.additional-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.additional-item{background:#0f172a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;transition:all .3s;display:flex}.additional-item:hover{border-left:3px solid #eab308;transform:translate(5px)}.service-name{color:#f1f5f9;font-weight:600}.about-section{background:#0f172a}.about-grid{grid-template-columns:1fr .8fr;align-items:center;gap:60px;display:grid}.text-left{text-align:left}.text-left .underline-left{background:linear-gradient(135deg,#eab308 0%,#fef08a 100%);border-radius:2px;width:60px;height:4px;margin:20px 0 0}.about-text{color:#94a3b8;margin-bottom:20px;font-size:16px;line-height:1.8}.company-details{background:#1e293b;border-radius:16px;margin-top:30px;padding:25px}.detail-item{border-bottom:1px solid #334155;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 0;display:flex}.detail-item:last-child{border-bottom:none}.about-stats{flex-direction:column;gap:30px;display:flex}.stat-circle{text-align:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #334155;border-radius:24px;padding:40px 20px;transition:transform .3s}.stat-circle:hover{border-color:#eab308;transform:scale(1.05)}.stat-circle .stat-number{color:#eab308;font-size:48px;font-weight:800;display:block}.stat-circle .stat-label{color:#f1f5f9;margin-top:10px;font-size:16px}.testimonials{background:#0f172a}.testimonial-card{background:#1e293b;border:1px solid #334155;border-radius:24px;padding:32px;transition:all .3s}.testimonial-card:hover{border-color:#eab308;transform:translateY(-4px)}.testimonial-text{color:#94a3b8;quotes:"“" "”";margin-bottom:24px;font-size:16px;line-height:1.6}.testimonial-text:before{content:"“";color:#eab308;opacity:.5;margin-bottom:-24px;font-size:48px;display:block}.testimonial-author{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.author-avatar{color:#0f172a;background:linear-gradient(135deg,#eab308 0%,#fef08a 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.process-section{background:#0f172a}.process-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;display:grid}.process-step{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:20px;padding:30px 20px;transition:all .3s}.process-step:hover{border-color:#eab308;transform:translateY(-5px)}.step-number{color:#0f172a;background:linear-gradient(135deg,#eab308 0%,#fef08a 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:24px;font-weight:800;display:flex}.process-step h3{color:#f1f5f9;margin-bottom:12px;font-size:20px}.process-step p{color:#94a3b8;font-size:14px}.cta-section{text-align:center;background:linear-gradient(135deg,#0a2b44 0%,#0f3a5a 100%);padding:80px 5%;position:relative;overflow:hidden}.cta-section h2{color:#fff;z-index:1;word-wrap:break-word;margin-bottom:16px;font-size:clamp(28px,4vw,48px);position:relative}.cta-section p{color:#ffffffe6;z-index:1;margin-bottom:32px;font-size:18px;position:relative}.btn-outline:hover{color:#0f172a;background:#eab308;transform:translateY(-2px)}@media (width<=968px){.hero-stats{flex-direction:column;gap:20px}.section-title-wrapper h2{font-size:32px}.about-grid{grid-template-columns:1fr;gap:40px}.text-left{text-align:center}.text-left .underline-left{margin:20px auto 0}.pricing-card.popular{transform:scale(1)}.cta-section h2{font-size:32px}.about-stats{flex-flow:wrap;justify-content:center}.stat-circle{flex:1;min-width:150px}.section{padding:60px 0}}@media (width<=768px){.hero{min-height:80vh}.hero-content{padding:0 16px}.hero h1{line-height:1.3}.hero-badge{margin-bottom:20px;padding:6px 16px;font-size:12px}.hero-buttons{flex-direction:column;align-items:center;gap:12px}.hero-buttons button{width:100%;max-width:280px}.hero-stats{flex-direction:column;gap:20px;margin-top:40px}.stat-number{font-size:28px}.hero-wave svg{height:40px}.container{padding:0 16px}.section-title-wrapper{margin-bottom:40px}.services-grid,.pricing-grid,.testimonials-grid,.process-grid{grid-template-columns:1fr;gap:20px}.pricing-card{padding:30px 20px}.price{font-size:36px}.additional-pricing{margin-top:40px;padding:20px}.additional-grid{grid-template-columns:1fr}.additional-item{text-align:center;flex-direction:column}.about-stats{flex-direction:column}.stat-circle{min-width:auto}.cta-section{padding:60px 5%}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons button{width:100%;max-width:280px}.testimonial-card{padding:24px}.process-step{padding:20px}}@media (width<=480px){.hero-content{padding:0 12px}.hero h1{font-size:28px}.hero p{font-size:14px}.hero-badge{padding:4px 12px;font-size:10px}.section-title-wrapper h2{font-size:24px}.section-subtitle{font-size:14px}.service-card{padding:30px 20px}.service-card h3,.pricing-card h3{font-size:20px}.price{font-size:32px}.stat-circle .stat-number{font-size:36px}.stat-circle .stat-label{font-size:14px}.cta-section h2{font-size:24px}.cta-section p{font-size:14px}.btn-primary,.btn-outline,.btn-outline-light{padding:10px 24px;font-size:14px}.testimonial-text{font-size:14px}.process-step h3{font-size:18px}.step-number{width:50px;height:50px;font-size:20px}}@media (width<=360px){.hero-content{padding:0 12px}.hero h1{font-size:24px}.hero p{font-size:13px}.section-title-wrapper h2{font-size:22px}.service-card p,.pricing-card li{font-size:14px}}@media (width>=769px) and (width<=1024px){.hero h1{font-size:48px}.hero-content{padding:0 40px}.services-grid,.pricing-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:40px}}@media (width>=1440px){.container{max-width:1400px}.hero h1{font-size:72px}.hero p{font-size:22px}}.verified-badge{color:#10b981;background:#10b9811a;border-radius:4px;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.about-page{overflow-x:hidden}.about-hero{text-align:center;background:linear-gradient(135deg,#0a2b44 0%,#1a4a6f 100%);padding:100px 0;position:relative;overflow:hidden}.about-hero:before{content:"";opacity:.1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='rgba(255,255,255,0.05)' d='M100 0L200 200H0L100 0z'/%3E%3C/svg%3E") 0 0/30px 30px;position:absolute;inset:0}.about-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.about-hero h1{color:#fff;margin-bottom:20px;font-size:56px;font-weight:800}.about-hero h1 .highlight{color:#f5a623}.about-hero p{color:#ffffffe6;font-size:18px;line-height:1.6}.company-story{background:var(--bg-white);padding:80px 0}.story-grid{grid-template-columns:1fr .8fr;align-items:center;gap:60px;display:grid}.story-content h2{color:var(--text-primary);margin-bottom:24px;font-size:36px;font-weight:700}.story-content h2 .highlight{color:#f5a623}.story-content p{color:var(--text-secondary);margin-bottom:20px;font-size:16px;line-height:1.8}.company-details-box{background:var(--bg-gray);border-radius:16px;margin-top:30px;padding:24px}.detail-row{border-bottom:1px solid #0000000d;justify-content:space-between;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-primary);font-weight:600}.detail-value{color:#f5a623;font-weight:500}.story-stats{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.stat-card{text-align:center;background:linear-gradient(135deg,#0a2b44 0%,#1a4a6f 100%);border-radius:20px;padding:40px 20px;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-card .stat-number{color:#f5a623;font-size:48px;font-weight:800;display:block}.stat-card .stat-label{color:#fff;margin-top:10px;font-size:14px}.values-section{background:var(--bg-gray);padding:80px 0}.values-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.value-card{background:var(--bg-white);text-align:center;border:1px solid #0000000d;border-radius:24px;padding:40px 30px;transition:all .3s;box-shadow:0 5px 20px #0000000d}.value-card:hover{border-color:#f5a623;transform:translateY(-8px);box-shadow:0 15px 40px #0000001a}.value-icon{margin-bottom:20px;font-size:56px}.value-card h3{color:var(--text-primary);margin-bottom:16px;font-size:24px;font-weight:700}.value-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.founder-section{background:var(--bg-white);padding:80px 0}.founder-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;display:grid}.founder-image{text-align:center}.founder-avatar-large{background:linear-gradient(135deg,#0a2b44 0%,#1a4a6f 100%);border-radius:50%;justify-content:center;align-items:center;width:250px;height:250px;margin:0 auto 20px;display:flex}.founder-badges{justify-content:center;gap:10px;display:flex}.founder-badges .badge{color:#f5a623;background:#f5a6231a;border-radius:50px;padding:5px 12px;font-size:12px;font-weight:600}.founder-content .section-badge{display:inline-block}.founder-content h2{color:var(--text-primary);margin-bottom:12px;font-size:36px;font-weight:700}.founder-content h2 .highlight{color:#f5a623}.founder-title{color:#f5a623;margin-bottom:20px;font-size:18px;font-weight:600}.founder-content p{color:var(--text-secondary);margin-bottom:20px;font-size:16px;line-height:1.8}.founder-contact{margin-top:30px}.contact-link{background:var(--bg-gray);color:var(--text-primary);border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.contact-link:hover{color:#fff;background:#f5a623;transform:translate(5px)}.why-choose-us{background:var(--bg-gray);padding:80px 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.feature{background:var(--bg-white);text-align:center;border-radius:20px;padding:30px;transition:all .3s}.feature:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.feature-icon{margin-bottom:16px;font-size:48px}.feature h3{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:700}.feature p{color:var(--text-secondary);font-size:14px;line-height:1.6}.about-cta{text-align:center;background:linear-gradient(135deg,#0a2b44 0%,#1a4a6f 100%);padding:80px 5%;position:relative;overflow:hidden}.about-cta:before{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;right:-50%}.about-cta h2{color:#fff;z-index:1;margin-bottom:16px;font-size:48px;position:relative}.about-cta p{color:#ffffffe6;z-index:1;margin-bottom:32px;font-size:18px;position:relative}.cta-buttons{z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;display:flex;position:relative}@media (width<=968px){.about-hero h1{font-size:36px}.story-grid,.founder-grid{grid-template-columns:1fr;gap:40px}.story-stats{order:-1}.section-header h2{font-size:28px}.about-cta h2{font-size:32px}.values-grid,.features-grid{grid-template-columns:1fr}}@media (width<=480px){.story-stats{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:5px}}.founder-image-container{background:linear-gradient(135deg,#0a2b44 0%,#1a4a6f 100%);border-radius:50%;width:280px;height:280px;margin:0 auto 20px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000026}.founder-image-container:hover{transform:scale(1.02)}.founder-photo{object-fit:cover;object-position:center;width:100%;height:100%}.founder-avatar-large{background:linear-gradient(135deg,#0a2b44 0%,#1a4a6f 100%);border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;margin:0 auto 20px;transition:transform .3s;display:flex;box-shadow:0 20px 40px #00000026}.founder-avatar-large:hover{transform:scale(1.02)}.founder-avatar-large span{font-size:100px}.contact-link.linkedin{background:#0a66c21a;margin-left:12px}.contact-link.linkedin:hover{color:#fff;background:#0a66c2}.founder-badges{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.founder-badges .badge{color:#f5a623;background:#f5a6231a;border-radius:50px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .3s}.founder-badges .badge:hover{color:#0a2b44;background:#f5a623;transform:translateY(-2px)}.founder-contact{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}@media (width<=968px){.founder-image-container,.founder-avatar-large{width:220px;height:220px}.founder-avatar-large span{font-size:80px}.founder-contact{justify-content:center}}@media (width<=480px){.founder-image-container,.founder-avatar-large{width:180px;height:180px}.founder-avatar-large span{font-size:60px}.founder-badges .badge{padding:4px 10px;font-size:10px}.contact-link{padding:8px 16px;font-size:13px}}.footer{color:#94a3b8;margin-top:auto;padding:60px 5% 30px;background:#0f172a!important}.footer-content{border-bottom:1px solid #ffffff1a;grid-template-columns:1.5fr 2fr 1fr;gap:50px;max-width:1280px;margin:0 auto;padding-bottom:40px;display:grid}.footer-logo{align-items:center;gap:15px;display:flex}.footer-logo-icon{font-size:40px;font-weight:800;font-family:var(--mono);color:#0000;background:linear-gradient(135deg,#eab308 0%,#fef08a 100%);-webkit-background-clip:text;background-clip:text}.footer-company-name{color:#fff;font-size:14px;font-weight:800;line-height:1.3}.footer-slogan{color:#eab308;letter-spacing:1px;text-transform:uppercase;font-size:10px}.footer-links{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.footer-section h4{color:#f1f5f9;margin-bottom:20px;font-size:16px;font-weight:600}.footer-section ul{list-style:none}.footer-section li{margin-bottom:12px;font-size:14px}.footer-section a{color:#94a3b8;text-decoration:none;transition:color .3s,transform .3s;display:inline-block}.footer-section a:hover{color:#eab308;transform:translate(4px)}.footer-newsletter p{margin-bottom:16px;font-size:14px}.newsletter-form{gap:8px;display:flex}.newsletter-form input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;flex:1;padding:10px 12px}.newsletter-form input::placeholder{color:#94a3b8}.newsletter-form button{cursor:pointer;color:#0f172a;background:linear-gradient(135deg,#eab308 0%,#fef08a 100%);border:none;border-radius:8px;padding:10px 16px;font-weight:600}.footer-bottom{text-align:center;max-width:1280px;margin:0 auto;padding-top:30px;font-size:12px}.footer-bottom p{margin:5px 0}.social-links{gap:16px;margin-top:16px;display:flex}.social-links a{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.social-links a:hover{background:#eab308;transform:translateY(-3px)}@media (width<=968px){.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-logo{justify-content:center}.footer-section{text-align:center}.social-links{justify-content:center}}.footer-badge{color:#0f172a;background:#eab308;border-radius:4px;margin-top:8px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-block}.footer-contact ul{list-style:none}.footer-contact li{color:#94a3b8;margin-bottom:12px;font-size:14px}.footer-contact a{color:#94a3b8;text-decoration:none;transition:color .3s}.footer-contact a:hover{color:#eab308}.director{opacity:.7;margin-top:8px;font-size:11px}@media (width<=968px){.footer-contact{text-align:center}}.footer-link-btn{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:14px;transition:color .3s}.footer-link-btn:hover{color:#eab308;text-decoration:none}.social-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:50%;padding:8px;font-size:20px;transition:transform .3s}.social-btn:hover{color:#eab308;transform:translateY(-3px)}.footer a{color:#94a3b8;text-decoration:none;transition:color .3s}.footer a:hover{color:#eab308;text-decoration:none}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section li{margin-bottom:10px}.footer-contact ul{margin:0;padding:0;list-style:none}.footer-contact li{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.footer .btn-primary,.footer .btn-outline,.footer .btn-outline-light{color:inherit!important;background:0 0!important;border:none!important;padding:0!important}.footer-bottom-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.footer-admin-link{color:#64748b;align-items:center;gap:4px;font-size:11px;text-decoration:none;transition:color .3s;display:inline-flex}.footer-admin-link:hover{color:#eab308}.footer-separator{color:#334155;font-size:11px}@media (width<=768px){.footer-bottom-links{flex-direction:column;gap:8px}.footer-separator{display:none}}.footer-logo{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-badge{color:#eab308;letter-spacing:.3px;background:#eab30826;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-block}.footer-badge:first-of-type{margin-top:4px}@media (width<=968px){.footer-logo{text-align:center;align-items:center}.footer-badge{padding:3px 8px;font-size:9px}}.contact-page{overflow-x:hidden}.contact-hero{text-align:center;background:linear-gradient(135deg,#0a2b44 0%,#1a4a6f 100%);padding:80px 0;position:relative;overflow:hidden}.contact-hero:before{content:"";opacity:.1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='rgba(255,255,255,0.05)' d='M100 0L200 200H0L100 0z'/%3E%3C/svg%3E") 0 0/30px 30px;position:absolute;inset:0}.contact-hero-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.contact-hero h1{color:#fff;margin-bottom:20px;font-size:56px;font-weight:800}.contact-hero h1 .highlight{color:#f5a623}.contact-hero p{color:#ffffffe6;font-size:18px;line-height:1.6}.contact-info-section{background:var(--bg-gray);padding:60px 0}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.contact-card{background:var(--bg-white);text-align:center;border:1px solid #0000000d;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 5px 20px #0000000d}.contact-card:hover{border-color:#f5a623;transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.card-icon{margin-bottom:16px;font-size:48px}.contact-card h3{color:var(--text-primary);margin-bottom:20px;font-size:20px;font-weight:700}.contact-details{flex-direction:column;gap:12px;display:flex}.contact-details a,.contact-details p{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .3s}.contact-details a:hover{color:#f5a623}.form-section{background:var(--bg-white);padding:80px 0}.form-grid{grid-template-columns:1fr .8fr;gap:50px;display:grid}.form-container{background:var(--bg-gray);border-radius:24px;padding:40px}.form-header{text-align:center;margin-bottom:30px}.form-header h2{color:var(--text-primary);margin-bottom:12px;font-size:32px;font-weight:700}.form-header h2 .highlight{color:#f5a623}.form-header p{color:var(--text-secondary);font-size:14px}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group.full-width{grid-column:span 2}.form-group input,.form-group select,.form-group textarea{background:var(--bg-white);color:var(--text-primary);border:1px solid #0000001a;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.form-message{border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500}.form-message.success{color:#10b981;background:#10b9811a;border:1px solid #10b981}.form-message.error{color:#ef4444;background:#ef44441a;border:1px solid #ef4444}.submit-btn{color:#0a2b44;cursor:pointer;background:linear-gradient(135deg,#f5a623 0%,#ffc44a 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:700;transition:all .3s;display:inline-flex}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #f5a62366}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.map-container{flex-direction:column;gap:30px;display:flex}.map-card,.social-card{background:var(--bg-gray);border-radius:24px;padding:30px}.map-card h3,.social-card h3{color:var(--text-primary);margin-bottom:20px;font-size:20px;font-weight:700}.map-placeholder{border-radius:16px;margin-bottom:20px;overflow:hidden}.map-placeholder iframe{width:100%;height:300px}.map-address p{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.directions-link{color:#f5a623;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}.directions-link:hover{gap:12px}.social-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.social-link{border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.social-link span{font-size:24px}.social-link.facebook{color:#fff;background:#1877f2}.social-link.whatsapp{color:#fff;background:#25d366}.social-link.instagram{color:#fff;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.social-link.linkedin{color:#fff;background:#0a66c2}.social-link:hover{filter:brightness(1.05);transform:translateY(-3px)}.faq-section{background:var(--bg-gray);padding:80px 0}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.faq-card{background:var(--bg-white);border-radius:20px;padding:30px;transition:all .3s}.faq-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.faq-card h3{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:700}.faq-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.emergency-cta{text-align:center;background:linear-gradient(135deg,#f5a623 0%,#ffc44a 100%);padding:60px 0}.emergency-content{max-width:600px;margin:0 auto}.emergency-icon{margin-bottom:20px;font-size:64px}.emergency-cta h2{color:#0a2b44;margin-bottom:16px;font-size:32px;font-weight:800}.emergency-cta p{color:#0a2b44;opacity:.9;margin-bottom:30px;font-size:16px}.emergency-btn{color:#fff;background:#0a2b44;border-radius:50px;padding:14px 32px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.emergency-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0003}@media (width<=968px){.contact-hero h1{font-size:36px}.form-grid,.form-row{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.section-header h2{font-size:28px}.emergency-cta h2{font-size:24px}.faq-grid,.social-grid{grid-template-columns:1fr}}@media (width<=480px){.contact-grid{grid-template-columns:1fr}.form-container{padding:24px}.form-header h2{font-size:24px}}.form-buttons{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.whatsapp-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #25d36666}@media (width<=768px){.form-buttons{flex-direction:column}.submit-btn,.whatsapp-btn{width:100%}}.portfolio-page{overflow-x:hidden}.portfolio-hero{text-align:center;background:linear-gradient(135deg,#0a2b44 0%,#1a4a6f 100%);padding:80px 0;position:relative;overflow:hidden}.portfolio-hero:before{content:"";opacity:.1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='rgba(255,255,255,0.05)' d='M100 0L200 200H0L100 0z'/%3E%3C/svg%3E") 0 0/30px 30px;position:absolute;inset:0}.portfolio-hero-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border-radius:50px;margin-bottom:24px;padding:8px 20px;font-size:14px;font-weight:500;display:inline-block}.portfolio-hero h1{color:#fff;margin-bottom:20px;font-size:56px;font-weight:800}.portfolio-hero h1 .highlight{color:#f5a623}.portfolio-hero p{color:#ffffffe6;font-size:18px;line-height:1.6}.portfolio-stats{background:var(--bg-gray);padding:60px 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;display:grid}.stat-card{background:var(--bg-white);text-align:center;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 5px 20px #0000000d}.stat-icon{margin-bottom:12px;font-size:40px}.stat-number{color:#f5a623;margin-bottom:8px;font-size:32px;font-weight:800}.stat-label{color:var(--text-secondary);font-size:14px}.portfolio-filter{background:var(--bg-white);z-index:100;border-bottom:1px solid #0000000d;padding:40px 0;position:sticky;top:80px}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.filter-tab{background:var(--bg-gray);color:var(--text-primary);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.filter-tab:hover{color:#f5a623;background:#f5a6231a;transform:translateY(-2px)}.filter-tab.active{color:#0a2b44;background:linear-gradient(135deg,#f5a623 0%,#ffc44a 100%)}.tab-icon{font-size:16px}.portfolio-projects{background:var(--bg-gray);padding:60px 0}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.project-card{background:var(--bg-white);cursor:pointer;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 5px 20px #0000000d}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.project-image{background:linear-gradient(135deg,#0a2b44 0%,#1a4a6f 100%);justify-content:center;align-items:center;height:250px;display:flex;position:relative;overflow:hidden}.project-card:hover .project-icon-large{transform:scale(1.1)}.project-overlay{opacity:0;background:#0a2b44e6;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.view-project-btn{color:#0a2b44;cursor:pointer;background:linear-gradient(135deg,#f5a623 0%,#ffc44a 100%);border:none;border-radius:50px;padding:12px 24px;font-size:14px;font-weight:600;transition:transform .3s}.view-project-btn:hover{transform:scale(1.05)}.project-info{padding:24px}.project-info h3{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:700}.project-info p{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.6}.project-meta{justify-content:space-between;align-items:center;display:flex}.project-category{color:#f5a623;text-transform:capitalize;background:#f5a6231a;border-radius:50px;padding:4px 12px;font-size:12px;font-weight:600}.project-date{color:var(--text-light);font-size:12px}.no-projects{text-align:center;background:var(--bg-white);border-radius:20px;padding:60px}.no-projects-icon{margin-bottom:20px;font-size:64px}.no-projects h3{color:var(--text-primary);margin-bottom:12px;font-size:24px}.no-projects p{color:var(--text-secondary);font-size:16px}.portfolio-testimonials{background:var(--bg-white);padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-badge{color:#f5a623;text-transform:uppercase;letter-spacing:1px;background:#f5a6231a;border-radius:50px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.section-header h2{color:var(--text-primary);margin-bottom:16px;font-size:36px;font-weight:700}.section-header h2 .highlight{color:#f5a623}.section-header p{color:var(--text-secondary);font-size:18px}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.testimonial-card{background:var(--bg-gray);border-radius:20px;padding:30px;transition:all .3s}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.testimonial-icon{color:#f5a623;opacity:.5;margin-bottom:16px;font-size:48px}.testimonial-text{color:var(--text-secondary);margin-bottom:20px;font-size:16px;line-height:1.6}.testimonial-author{align-items:center;gap:12px;display:flex}.author-icon{background:linear-gradient(135deg,#0a2b44 0%,#1a4a6f 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.author-info h4{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:700}.author-info p{color:var(--text-light);font-size:12px}.portfolio-cta{text-align:center;background:linear-gradient(135deg,#0a2b44 0%,#1a4a6f 100%);padding:80px 0}.cta-content{max-width:700px;margin:0 auto}.portfolio-cta h2{color:#fff;margin-bottom:16px;font-size:36px;font-weight:800}.portfolio-cta p{color:#ffffffe6;margin-bottom:32px;font-size:18px}.btn-primary{color:#0a2b44;cursor:pointer;background:linear-gradient(135deg,#f5a623 0%,#ffc44a 100%);border:none;border-radius:50px;padding:14px 32px;font-size:16px;font-weight:700;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #f5a62366}.btn-outline-light{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s}.btn-outline-light:hover{color:#0a2b44;background:#fff;transform:translateY(-2px)}.project-modal{z-index:2000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--bg-white);border-radius:24px;width:100%;max-width:700px;max-height:90vh;animation:.3s modalSlideIn;position:relative;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:var(--bg-gray);cursor:pointer;z-index:10;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;transition:all .3s;position:absolute;top:20px;right:20px}.modal-close:hover{color:#fff;background:#f5a623;transform:rotate(90deg)}.modal-header{text-align:center;color:#fff;background:linear-gradient(135deg,#0a2b44 0%,#1a4a6f 100%);border-radius:24px 24px 0 0;padding:40px 30px 20px}.modal-icon{margin-bottom:16px;font-size:64px}.modal-header h2{margin-bottom:8px;font-size:28px}.modal-category{text-transform:capitalize;background:#fff3;border-radius:50px;padding:4px 12px;font-size:12px;display:inline-block}.modal-section{margin-bottom:30px}.modal-section h3{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:700}.modal-section p{color:var(--text-secondary);font-size:14px;line-height:1.6}.features-list{grid-template-columns:repeat(2,1fr);gap:10px;list-style:none;display:grid}.features-list li{color:var(--text-secondary);padding:5px 0;font-size:14px}.modal-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.tech-tags{flex-wrap:wrap;gap:10px;display:flex}.tech-tag{background:var(--bg-gray);color:var(--text-primary);border-radius:50px;padding:6px 14px;font-size:12px;font-weight:500}.testimonial-section{background:var(--bg-gray);border-radius:16px;padding:20px}.testimonial-quote p{margin-bottom:12px;font-size:16px;font-style:italic}.testimonial-quote cite{color:#f5a623;font-size:14px;font-style:normal;font-weight:600}.modal-footer{border-top:1px solid #0000000d;justify-content:center;gap:16px;padding:20px 30px 30px;display:flex}.btn-outline{color:#f5a623;cursor:pointer;background:0 0;border:2px solid #f5a623;border-radius:50px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s}.btn-outline:hover{color:#fff;background:#f5a623}@media (width<=968px){.portfolio-hero h1{font-size:36px}.section-header h2{font-size:28px}.projects-grid{grid-template-columns:1fr}.filter-tabs{gap:8px}.filter-tab{padding:8px 16px;font-size:12px}.modal-grid{grid-template-columns:1fr;gap:15px}.features-list{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats-grid,.testimonials-grid{grid-template-columns:1fr}.modal-header h2{font-size:22px}.modal-footer{flex-direction:column}.portfolio-cta h2{font-size:28px}}.portfolio-loading{background:#0f172a;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.portfolio-loading p{color:#94a3b8;margin-top:16px}.project-image-img{object-fit:cover;width:100%;height:100%}.project-icon-large{font-size:80px;transition:transform .3s}@media (width<=768px){.project-icon-large{font-size:60px}}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-elevated:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#eab308;--accent-dark:#ca8a04;--accent-light:#fef08a;--border:#334155;--success:#10b981;--success-dark:#059669;--whatsapp:#25d366;--whatsapp-dark:#128c7e}.services-page{background:var(--bg-primary);min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 24px}.hero-section{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);padding:100px 0;position:relative;overflow:hidden}.hero-section:before{content:"";opacity:.3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='rgba(255,255,255,0.02)' d='M10 10 L90 10 L50 90 Z'/%3E%3C/svg%3E") 0 0/60px 60px;position:absolute;inset:0}.hero-content{z-index:1;position:relative}.hero-badge{color:var(--accent);letter-spacing:.5px;background:#eab30826;border:1px solid #eab3084d;border-radius:30px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-block}.hero-content h1{color:var(--text-primary);margin-bottom:20px;font-size:56px;font-weight:700;line-height:1.2}.hero-content h1 .accent{color:var(--accent);display:inline-block;position:relative}.hero-content h1 .accent:after{content:"";background:var(--accent);border-radius:2px;height:3px;position:absolute;bottom:-8px;left:0;right:0}.hero-content p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:18px}.filter-section{background:var(--bg-secondary);z-index:100;border-bottom:1px solid var(--border);padding:32px 0;position:sticky;top:0}.filter-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:40px;padding:10px 28px;font-size:14px;font-weight:500;transition:all .2s}.filter-btn:hover{border-color:var(--accent);color:var(--accent);background:#eab3080d}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#0f172a;font-weight:600}.services-section{background:var(--bg-primary);padding:60px 0}.services-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:32px;transition:all .3s;position:relative}.service-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 20px 40px #0000004d}.popular-badge{background:var(--accent);color:#0f172a;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:16px;right:20px}.service-icon{margin-bottom:20px;font-size:52px}.service-card h3{color:var(--text-primary);margin-bottom:12px;font-size:22px;font-weight:600}.service-card p{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.service-price{color:var(--accent);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:24px;padding:8px 0;font-size:15px;font-weight:600}.btn-outline{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:40px;flex:1;padding:10px 0;font-size:14px;font-weight:500;transition:all .2s}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#eab3080d}.btn-primary{background:var(--accent);color:#0f172a;cursor:pointer;border:none;border-radius:40px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.enquiry-bar{background:var(--bg-secondary);border-top:1px solid var(--accent);z-index:200;padding:16px 0;animation:.3s slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0000004d}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.enquiry-bar-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.enquiry-info{color:var(--text-primary);align-items:center;gap:12px;font-size:14px;display:flex}.enquiry-count{background:var(--accent);color:#0f172a;border-radius:30px;padding:4px 12px;font-size:14px;font-weight:700}.enquiry-actions{gap:12px;display:flex}.btn-view{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:40px;padding:8px 24px;font-size:14px;transition:all .2s}.btn-view:hover{border-color:var(--accent);color:var(--accent)}.btn-quote{background:var(--accent);color:#0f172a;cursor:pointer;border:none;border-radius:40px;padding:8px 28px;font-size:14px;font-weight:600;transition:all .2s}.btn-quote:hover{background:var(--accent-dark);transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:999;background:#0f172aa6;animation:.25s fadeIn;position:fixed;inset:0}.enquiry-modal,.service-detail-modal,.quote-modal{z-index:2000;isolation:isolate;background:#1e293b;border:1px solid #334155;border-radius:24px;width:90%;max-width:540px;max-height:85vh;animation:.25s modalPop;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 25px 50px #0009;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}.enquiry-modal *,.service-detail-modal *,.quote-modal *{filter:none!important}.service-detail-modal{max-width:600px}.quote-modal{max-width:550px}.modal-header,.detail-header,.quote-header{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-bottom:1px solid #334155;border-radius:24px 24px 0 0}.modal-header h3,.detail-header h2,.quote-header h2{color:#fff}.modal-body,.detail-body,.quote-form{color:#f1f5f9;background:#1e293b}.detail-description{color:#94a3b8}.detail-section h4{color:#fff;border-bottom-color:#eab308}.detail-list li{color:#94a3b8}.quote-form input,.quote-form select,.quote-form textarea{color:#f1f5f9;background:#0f172a;border-color:#334155}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#eab308}@keyframes modalPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.modal-header h3{color:var(--text-primary);font-size:18px;font-weight:600}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:24px;transition:color .2s}.modal-body{max-height:400px;padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);gap:12px;padding:16px 24px;display:flex}.btn-secondary{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:40px;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.enquiry-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.enquiry-item:last-child{border-bottom:none}.enquiry-item-info{align-items:center;gap:14px;display:flex}.enquiry-item-icon{font-size:32px}.enquiry-item-info h4{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.enquiry-item-info p{color:var(--accent);font-size:13px;font-weight:500}.remove-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:20px;padding:6px 14px;font-size:13px;transition:all .2s}.remove-btn:hover{color:#fff;background:#ef4444}.detail-header{text-align:center;background:var(--bg-secondary);padding:32px 24px 20px}.detail-icon{margin-bottom:12px;font-size:56px}.detail-header h2{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:600}.detail-popular{background:var(--accent);color:#0f172a;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.detail-body{padding:24px}.detail-description{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.6}.detail-info{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.info-item{background:var(--bg-secondary);text-align:center;border-radius:12px;padding:12px}.info-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.info-value{color:var(--accent);font-size:15px;font-weight:600}.detail-section h4{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.detail-list{grid-template-columns:1fr 1fr;gap:8px;list-style:none;display:grid}.detail-list li{color:var(--text-secondary);padding:4px 0;font-size:14px}.detail-footer{border-top:1px solid var(--border);padding:20px 24px}.quote-header{text-align:center;background:var(--bg-secondary);padding:32px 24px 20px}.quote-header h2{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:600}.quote-header p{color:var(--text-muted);font-size:14px}.quote-form{padding:0 24px 24px}.quote-form input,.quote-form select,.quote-form textarea{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.quote-form input::placeholder,.quote-form textarea::placeholder{color:var(--text-muted)}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #eab3081a}.selected-services{background:var(--bg-secondary);border-radius:12px;margin:16px 0;padding:16px}.selected-services p{color:var(--text-primary);margin-bottom:8px}.selected-tag{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:20px;margin:4px;padding:4px 12px;font-size:12px;display:inline-block}.form-actions{gap:12px;margin-top:20px;display:flex}.btn-whatsapp{background:var(--whatsapp);color:#fff;cursor:pointer;border:none;border-radius:40px;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.btn-whatsapp:hover{background:var(--whatsapp-dark)}.quote-success{text-align:center;padding:48px 24px}.success-icon{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:32px;display:flex}.quote-success h3{color:var(--text-primary);margin-bottom:8px;font-size:20px}.quote-success p{color:var(--text-secondary)}.cta-section{text-align:center;border-top:1px solid var(--border);background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);padding:80px 0}.cta-content h2{color:var(--text-primary);margin-bottom:16px;font-size:36px;font-weight:700}.cta-content p{color:var(--text-secondary);margin-bottom:32px;font-size:16px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-primary-large{background:var(--accent);color:#0f172a;cursor:pointer;border:none;border-radius:40px;padding:14px 36px;font-size:15px;font-weight:600;transition:all .2s}.btn-primary-large:hover{background:var(--accent-dark);transform:translateY(-2px)}.btn-outline-light{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:40px;padding:14px 32px;font-size:15px;font-weight:500;transition:all .2s}.btn-outline-light:hover{border-color:var(--accent);color:var(--accent);background:#eab3080d}.toast-message{background:var(--bg-elevated);color:var(--text-primary);z-index:400;white-space:nowrap;border:1px solid var(--accent);border-radius:40px;padding:12px 24px;font-size:14px;animation:.2s fadeInUp;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0000004d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (width<=768px){.container{padding:0 20px}.hero-content h1{font-size:36px}.hero-content p{font-size:16px}.services-grid{grid-template-columns:1fr;gap:20px}.form-row{grid-template-columns:1fr;gap:12px}.detail-list{grid-template-columns:1fr}.enquiry-bar-content{text-align:center;flex-direction:column}.cta-content h2{font-size:28px}.toast-message{white-space:normal;text-align:center;max-width:80%;bottom:80px}.filter-btn{padding:8px 20px;font-size:13px}}@media (width<=480px){.service-actions{flex-direction:column;gap:10px}.modal-footer,.form-actions{flex-direction:column}.service-card{padding:24px}.detail-info{grid-template-columns:1fr}}.centered-loader-container{z-index:999;background:linear-gradient(135deg,#2d3b50 0%,#293850 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-spinner{width:80px;height:80px;position:relative}.spinner-ring{border:4px solid #0000;border-radius:50%;width:100%;height:100%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spin;position:absolute}.spinner-ring:first-child{border-top-color:#ca8a04;animation-delay:-.45s}.spinner-ring:nth-child(2){border-right-color:#ca8a04;animation-delay:-.3s}.spinner-ring:nth-child(3){border-bottom-color:#ca8a04;animation-delay:-.15s}.loader-text{color:#ca8a04;letter-spacing:.5px;margin-top:24px;font-size:1rem;font-weight:500;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}:root{--primary:#eab308;--primary-dark:#d97706;--primary-light:#fef3c7;--dark:#0f172a;--dark-light:#1e293b;--gray:#94a3b8;--gray-dark:#64748b;--bg-dark:#0f172a;--bg-card:#1e293b;--border:#334155;--white:#fff;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d;--radius:12px;--radius-lg:16px;--transition:all .3s ease}.help-center{background:var(--bg-dark);min-height:100vh}.help-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0a2b44 0%,#0f3a5a 100%);padding:48px 20px}.help-hero h1{margin-bottom:12px;font-size:32px;font-weight:800;line-height:1.2}.help-hero p{opacity:.9;max-width:600px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:16px}.help-search{max-width:100%;margin:0 auto;position:relative}.search-input{width:100%;color:var(--dark);box-shadow:var(--shadow-md);background:#fff;border:none;border-radius:50px;padding:14px 20px 14px 48px;font-size:16px}.search-input:focus{outline:none;box-shadow:0 0 0 3px #eab3084d}.search-icon{opacity:.6;pointer-events:none;font-size:18px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.help-content{padding:40px 16px}.help-topics-section,.popular-articles-section{margin-bottom:48px}.help-topics-section h2,.popular-articles-section h2{color:#fff;text-align:center;margin-bottom:8px;font-size:24px;font-weight:700}.section-subtitle{text-align:center;color:var(--gray);margin-bottom:32px;font-size:14px}.topic-card{border-radius:var(--radius);text-align:center;background:var(--bg-card);transition:var(--transition);box-shadow:var(--shadow-sm);border:none;border:1px solid var(--border);height:100%;padding:24px 16px}.topic-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.topic-icon{border-radius:var(--radius);width:56px;height:56px;margin:0 auto 16px}.topic-card .card-title{color:#fff;margin-bottom:8px;font-size:18px;font-weight:700}.topic-card .card-text{color:var(--gray);margin-bottom:16px;font-size:13px;line-height:1.5}.topic-link{color:var(--primary);align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.topic-link:hover{color:var(--primary-dark);gap:8px}.articles-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--bg-card);border:none;border:1px solid var(--border);margin-bottom:24px;overflow:hidden}.article-item{border-bottom:1px solid var(--border);transition:var(--transition);flex-direction:column;gap:10px;padding:16px;display:flex}.article-item:last-child{border-bottom:none}.article-item:hover{background:#eab3080d}.article-info{flex-direction:column;gap:6px;display:flex}.article-category{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.article-title{color:#fff;font-size:15px;font-weight:500;line-height:1.4;text-decoration:none}.article-title:hover{color:var(--primary)}.article-views{background:var(--dark);color:var(--gray);border-radius:20px;align-self:flex-start;padding:4px 8px;font-size:11px}.view-all-link{color:var(--primary);font-size:14px;font-weight:600;text-decoration:none}.view-all-link:hover{text-decoration:underline}.contact-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--bg-card);border:none;border:1px solid var(--border);margin-top:24px}.contact-card .card-header{background:var(--bg-card);border-bottom:1px solid var(--border);color:#fff;padding:16px 20px;font-size:16px;font-weight:700}.contact-card .card-body{padding:20px}.contact-card p{color:var(--gray);margin-bottom:20px;font-size:14px}.contact-options{flex-direction:column;gap:12px;display:flex}.contact-option{border-radius:var(--radius);transition:var(--transition);align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.contact-option:hover{transform:translate(5px)}.contact-option.phone{background:#10b9811a;border:1px solid #10b9814d}.contact-option.whatsapp{background:#25d3661a;border:1px solid #25d3664d}.contact-option.email{background:#3b82f61a;border:1px solid #3b82f64d}.contact-icon{font-size:24px}.contact-option div{flex-direction:column;display:flex}.contact-option strong{margin-bottom:2px;font-size:14px}.contact-option span:not(.contact-icon){color:var(--gray);font-size:12px}.contact-option.phone strong{color:#10b981}.contact-option.whatsapp strong{color:#25d366}.contact-option.email strong{color:#3b82f6}@media (width>=768px){.help-hero{padding:64px 32px}.help-hero h1{font-size:42px}.help-hero p{font-size:18px}.help-search{max-width:500px}.help-content{padding:60px 24px}.help-topics-section h2,.popular-articles-section h2{font-size:32px}.section-subtitle{margin-bottom:48px;font-size:16px}.article-item{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px}.article-info{flex-direction:row;align-items:center;gap:16px}.article-views{align-self:auto}.contact-options{flex-direction:row}.contact-option{flex:1}}@media (width>=1024px){.help-hero{padding:80px 0}.help-hero h1{font-size:56px}.help-content{max-width:1200px;margin:0 auto;padding:80px 32px}.contact-card{margin-top:0;position:sticky;top:20px}}@media (width>=1440px){.help-content{max-width:1400px}}:root{--bg-dark:#0f172a;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#eab308;--accent-light:#fef3c7;--accent-dark:#d97706;--border:#334155;--radius:12px;--radius-lg:16px;--shadow:0 1px 3px #0000004d}.faq-page{background:var(--bg-dark);min-height:100vh}.faq-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0a2b44 0%,#0f3a5a 100%);padding:48px 20px}.faq-hero h1{margin-bottom:12px;font-size:32px;font-weight:800}.faq-hero p{opacity:.9;margin-bottom:28px;font-size:16px}.faq-search{max-width:100%;margin:0 auto;position:relative}.faq-search .search-input{width:100%;color:var(--bg-dark);background:#fff;border:none;border-radius:50px;padding:14px 20px 14px 48px;font-size:16px}.faq-search .search-input:focus{outline:none;box-shadow:0 0 0 3px #eab3084d}.faq-search .search-icon{opacity:.6;pointer-events:none;font-size:18px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.faq-content{padding:40px 16px}.categories-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:var(--bg-card);border:none;border:1px solid var(--border);margin-bottom:32px;overflow:hidden}.categories-card .card-header{background:var(--bg-card);border-bottom:1px solid var(--border);color:var(--text-primary);padding:16px 20px;font-weight:700}.categories-list{padding:8px 0}.category-link{color:var(--text-secondary);border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 20px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.category-link:hover{color:var(--accent);border-left-color:var(--accent);background:#eab3081a}.category-icon{font-size:20px}.faq-category{margin-bottom:40px}.faq-category h2{color:var(--text-primary);border-bottom:2px solid var(--accent);margin-bottom:20px;padding-bottom:10px;font-size:20px;font-weight:700;display:inline-block}.category-icon-large{margin-right:8px;font-size:24px}.accordion-item{box-shadow:var(--shadow);background:var(--bg-card);border:none;border:1px solid var(--border);margin-bottom:12px;overflow:hidden;border-radius:var(--radius)!important}.accordion-header{background:var(--bg-card)}.accordion-button{background:var(--bg-card);color:var(--text-primary);padding:14px 16px;font-size:14px;font-weight:500}.accordion-button:not(.collapsed){background:var(--accent-light);color:var(--accent-dark);box-shadow:none}.accordion-button:focus{box-shadow:none;border-color:#0000}.accordion-body{background:var(--bg-dark);color:var(--text-secondary);padding:16px;font-size:14px;line-height:1.6}.faq-content .contact-card{border-radius:var(--radius-lg);color:#fff;text-align:center;background:linear-gradient(135deg,#0a2b44 0%,#0f3a5a 100%);border:none;margin-top:32px}.faq-content .contact-card .card-body{padding:32px 24px}.faq-content .contact-card h4{color:#fff;margin-bottom:12px;font-size:20px}.faq-content .contact-card p{opacity:.9;margin-bottom:24px;font-size:14px}.contact-buttons{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.btn-contact{text-align:center;border-radius:50px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.btn-contact.phone{color:#fff;background:#10b981}.btn-contact.phone:hover{background:#059669;transform:translateY(-2px)}.btn-contact.whatsapp{color:#fff;background:#25d366}.btn-contact.whatsapp:hover{background:#128c7e;transform:translateY(-2px)}.btn-contact.email{color:#fff;background:#3b82f6}.btn-contact.email:hover{background:#2563eb;transform:translateY(-2px)}.help-link{color:var(--accent);font-size:14px;font-weight:600;text-decoration:none}.help-link:hover{text-decoration:underline}.no-results{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:60px 20px}.no-results p{color:var(--text-secondary);margin-bottom:8px}@media (width>=768px){.faq-hero{padding:64px 32px}.faq-hero h1{font-size:48px}.faq-hero p{font-size:18px}.faq-search{max-width:500px}.faq-content{max-width:1200px;margin:0 auto;padding:60px 24px}.faq-category h2{font-size:24px}.accordion-button{padding:16px 20px;font-size:16px}.accordion-body{padding:20px;font-size:15px}.contact-buttons{flex-direction:row;justify-content:center}.btn-contact{padding:12px 28px}}@media (width>=1024px){.faq-hero{padding:80px 0}.faq-hero h1{font-size:56px}.faq-content{padding:80px 32px}.categories-card{margin-bottom:0;position:sticky;top:20px}}@media (width<=375px){.faq-hero h1{font-size:28px}.faq-category h2{font-size:18px}.accordion-button{padding:12px;font-size:13px}.btn-contact{padding:10px 16px;font-size:13px}}.legal-page{background:#0f172a;min-height:100vh}.legal-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0a2b44 0%,#0f3a5a 100%);padding:60px 20px}.legal-hero h1{margin-bottom:12px;font-size:36px;font-weight:800}.legal-hero p{opacity:.9;font-size:16px}.legal-content{max-width:900px;margin:0 auto;padding:48px 16px}.legal-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:32px 24px;overflow:hidden;box-shadow:0 4px 6px #0000004d}.legal-section{border-bottom:1px solid #334155;margin-bottom:32px;padding-bottom:24px}.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-section h2{color:#f1f5f9;border-bottom:2px solid #eab308;margin-bottom:16px;padding-bottom:8px;font-size:22px;font-weight:700;display:inline-block}.legal-section p{color:#94a3b8;margin-bottom:16px;font-size:15px;line-height:1.6}.legal-section ul{margin-bottom:16px;padding-left:24px}.legal-section li{color:#94a3b8;margin-bottom:8px;font-size:14px;line-height:1.5}.legal-section li strong{color:#f1f5f9}.legal-section a{color:#eab308;text-decoration:none}.legal-section a:hover{text-decoration:underline}.contact-info{background:#0f172a;border:1px solid #334155;border-radius:12px;margin-top:16px;padding:20px}.contact-info p{color:#94a3b8;margin-bottom:8px}.contact-info p:last-child{margin-bottom:0}.contact-info strong{color:#f1f5f9}.legal-footer{text-align:center;border-top:1px solid #334155;margin-top:32px;padding-top:24px}.back-link{color:#eab308;background:#0f172a;border:1px solid #334155;border-radius:50px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.back-link:hover{color:#0f172a;background:#eab308;border-color:#eab308;transform:translateY(-2px)}@media (width>=768px){.legal-hero{padding:80px 32px}.legal-hero h1{font-size:48px}.legal-hero p{font-size:18px}.legal-content{padding:60px 24px}.legal-card{padding:48px 40px}.legal-section h2{font-size:24px}.legal-section p,.legal-section li{font-size:16px}}@media (width<=480px){.legal-hero{padding:40px 16px}.legal-hero h1{font-size:28px}.legal-card{padding:24px 16px}.legal-section h2{font-size:20px}.legal-section p,.legal-section li{font-size:14px}}:root{--primary:#eab308;--primary-dark:#d97706;--primary-light:#fef3c7;--dark:#0f172a;--dark-light:#1e293b;--gray:#94a3b8;--gray-light:#cbd5e1;--gray-dark:#64748b;--border:#334155;--white:#fff;--bg-card:#1e293b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d;--radius:12px;--radius-lg:16px;--transition:all .3s ease}.help-article{background:var(--dark);min-height:100vh;padding:32px 16px 64px}.article-breadcrumb{background:0 0;margin-bottom:24px;padding:0}.article-breadcrumb .breadcrumb-item{font-size:13px}.article-breadcrumb .breadcrumb-item a{color:var(--gray);text-decoration:none}.article-breadcrumb .breadcrumb-item a:hover{color:var(--primary)}.article-breadcrumb .breadcrumb-item.active{color:var(--gray-light);font-weight:500}.article-header{margin-bottom:24px}.article-category{color:var(--primary);background:#eab30826;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.article-header h1{color:#fff;margin:0;font-size:28px;font-weight:800;line-height:1.3}.article-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--bg-card);border:none;border:1px solid var(--border);overflow:hidden}.article-content .card-body{padding:24px}.article-content h4{color:#fff;margin:24px 0 12px;font-size:18px;font-weight:700}.article-content h4:first-of-type{margin-top:0}.article-content p{color:var(--gray-light);margin-bottom:16px;font-size:14px;line-height:1.6}.article-content ul,.article-content ol{margin-bottom:20px;padding-left:20px}.article-content li{color:var(--gray-light);margin-bottom:8px;font-size:14px;line-height:1.5}.article-content code{background:var(--dark);color:var(--primary);word-break:break-word;border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-size:12px}.article-step{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:20px;display:flex}.article-step:last-child{border-bottom:none}.step-number{background:var(--primary);width:36px;height:36px;color:var(--dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.step-content{flex:1}.step-content h4{margin-top:0;margin-bottom:8px}.article-tip,.article-warning,.article-note{border-radius:var(--radius);margin:24px 0;padding:16px;font-size:14px}.article-tip{color:#a7f3d0;background:#10b9811a;border-left:4px solid #10b981}.article-warning{color:#fde68a;background:#f59e0b1a;border-left:4px solid #f59e0b}.article-note{color:#bfdbfe;background:#3b82f61a;border-left:4px solid #3b82f6}.email-settings{background:var(--dark);border-radius:var(--radius);border:1px solid var(--border);margin:20px 0;padding:16px}.setting-item{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:10px 0;display:flex}.setting-item:last-child{border-bottom:none}.setting-label{color:#fff;font-size:13px;font-weight:600}.setting-item code{word-break:break-all;background:var(--dark-light);color:var(--primary);font-size:12px}.contact-methods{flex-direction:column;gap:12px;margin:20px 0;display:flex}.method{background:var(--dark);border-radius:var(--radius);border:1px solid var(--border);align-items:center;gap:12px;padding:14px;display:flex}.method-icon{font-size:24px}.method strong{color:#fff;margin-bottom:2px;font-size:14px;display:block}.method p{margin:0;font-size:13px}.method a{color:var(--primary);text-decoration:none}.article-footer{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-top:32px;padding:24px}.article-footer p{color:var(--gray-light);margin-bottom:12px;font-size:14px}.feedback-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0;display:flex}.feedback-btn{border:1px solid var(--border);background:var(--dark);cursor:pointer;transition:var(--transition);color:var(--gray-light);border-radius:50px;padding:8px 20px;font-size:14px}.feedback-btn.yes:hover{color:#fff;background:#10b981;border-color:#10b981}.feedback-btn.no:hover{color:#fff;background:#ef4444;border-color:#ef4444}.still-need-help{margin-top:16px}.still-need-help a{color:var(--primary);font-weight:600;text-decoration:none}@media (width>=768px){.help-article{padding:40px 32px 80px}.article-header h1{font-size:36px}.article-content .card-body{padding:40px}.article-content p,.article-content li{font-size:16px}.article-content h4{font-size:20px}.article-step{flex-direction:row;gap:20px}.step-number{width:40px;height:40px;font-size:18px}.setting-item{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.contact-methods{flex-direction:row}.method{flex:1}}@media (width>=1024px){.help-article{padding:60px 0 100px}.article-header h1{font-size:48px}.article-content .card-body{padding:48px}}@media (width<=375px){.article-header h1{font-size:24px}.article-content .card-body{padding:16px}.feedback-btn{padding:6px 16px;font-size:13px}}.admin-login-container{background:linear-gradient(135deg,#0a2b44 0%,#0f3a5a 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.admin-login-bg{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='1' d='M20,20 L40,20 L40,40 L60,40 M80,20 L100,20 L100,40 L120,40 M140,20 L160,20 L160,40 L180,40 M20,60 L40,60 L40,80 L60,80 M80,60 L100,60 L100,80 L120,80 M140,60 L160,60 L160,80 L180,80'/%3E%3C/svg%3E");background-size:40px 40px;position:absolute;inset:0}.admin-login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#1e293bf2;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:450px;padding:40px;position:relative;box-shadow:0 25px 50px -12px #00000040}.login-error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.error-icon{font-size:16px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#e2e8f0;font-size:14px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{color:#f1f5f9;background:#0f172acc;border:1px solid #334155;border-radius:12px;width:100%;padding:12px 16px;font-size:14px;transition:all .3s}.input-wrapper input:focus{border-color:#eab308;outline:none;box-shadow:0 0 0 3px #eab3081a}.input-wrapper input::placeholder{color:#64748b}.password-toggle{cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;position:absolute;right:12px}.form-options{justify-content:space-between;align-items:center;font-size:13px;display:flex}.checkbox-label{color:#94a3b8;cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-label input{cursor:pointer;width:16px;height:16px}.forgot-link{color:#eab308;text-decoration:none;transition:color .3s}.forgot-link:hover{color:#fef08a;text-decoration:underline}.login-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#eab308 0%,#fef08a 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #eab3084d}.login-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #0f172a;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.login-footer{text-align:center;border-top:1px solid #334155;margin-top:32px;padding-top:24px}.footer-badges{justify-content:center;gap:16px;margin-bottom:16px;display:flex}.footer-badges span{color:#94a3b8;background:#ffffff0d;border-radius:50px;padding:4px 12px;font-size:11px}.copyright{color:#64748b;font-size:11px}@media (width<=480px){.admin-login-card{margin:20px;padding:30px 20px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}}:root{--admin-primary:#eab308;--admin-primary-dark:#d97706;--admin-bg:#0f172a;--admin-bg-dark:#0f172a;--admin-card:#1e293b;--admin-text:#f1f5f9;--admin-text-light:#94a3b8;--admin-border:#334155;--admin-sidebar-width:260px;--admin-header-height:70px;--admin-shadow:0 1px 3px #0000004d;--admin-shadow-lg:0 10px 25px -5px #0000004d;--admin-radius:12px;--admin-radius-lg:16px;--transition:all .3s ease}.admin-layout{background:var(--admin-bg);min-height:100vh}.admin-header{height:var(--admin-header-height);background:var(--admin-card);border-bottom:1px solid var(--admin-border);z-index:100;box-shadow:var(--admin-shadow);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.admin-header-left{align-items:center;gap:16px;display:flex}.menu-toggle{cursor:pointer;color:var(--admin-text-light);transition:var(--transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.menu-toggle:hover{color:var(--admin-primary);background:#eab3081a}.admin-logo{align-items:center;gap:8px;display:flex}.logo-icon{color:var(--admin-primary);font-family:monospace;font-size:24px;font-weight:800}.logo-text{color:var(--admin-text);font-size:16px;font-weight:700}.admin-header-right{align-items:center;gap:16px;display:flex}.notification-btn{cursor:pointer;color:var(--admin-text-light);transition:var(--transition);background:0 0;border:none;border-radius:8px;padding:8px;position:relative}.notification-btn:hover{color:var(--admin-primary);background:#eab3081a}.notification-badge{background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.admin-profile{position:relative}.profile-trigger{cursor:pointer;transition:var(--transition);border-radius:50px;align-items:center;gap:12px;padding:6px 12px;display:flex}.profile-trigger:hover{background:#eab3081a}.profile-avatar{background:linear-gradient(135deg, var(--admin-primary) 0%, var(--admin-primary-dark) 100%);color:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.profile-info{text-align:left;flex-direction:column;display:flex}.profile-name{color:var(--admin-text);font-size:13px;font-weight:600}.profile-role{color:var(--admin-primary);font-size:10px}.profile-dropdown{background:var(--admin-card);border-radius:var(--admin-radius-lg);width:280px;box-shadow:var(--admin-shadow-lg);border:1px solid var(--admin-border);opacity:0;visibility:hidden;transition:var(--transition);z-index:1000;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-10px)}.admin-profile:hover .profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{border-bottom:1px solid var(--admin-border);align-items:center;gap:12px;padding:16px;display:flex}.dropdown-avatar{background:linear-gradient(135deg, var(--admin-primary) 0%, var(--admin-primary-dark) 100%);color:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.dropdown-info{flex:1}.dropdown-name{color:var(--admin-text);font-size:14px;font-weight:700}.dropdown-email{color:var(--admin-text-light);font-size:11px}.dropdown-divider{background:var(--admin-border);height:1px;margin:4px 0}.dropdown-item{cursor:pointer;width:100%;color:var(--admin-text-light);transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.dropdown-item:hover{color:var(--admin-primary);background:#eab3081a}.dropdown-item.logout:hover{color:#ef4444}.admin-main{margin-top:var(--admin-header-height);min-height:calc(100vh - var(--admin-header-height));display:flex}.admin-sidebar{width:var(--admin-sidebar-width);background:var(--admin-card);border-right:1px solid var(--admin-border);transition:var(--transition);top:var(--admin-header-height);z-index:99;position:fixed;bottom:0;left:0;overflow-y:auto}.admin-sidebar.closed{border-right:none;width:0;overflow:hidden}.sidebar-nav{padding:24px 16px}.nav-section{margin-bottom:24px}.nav-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--admin-text-light);margin-bottom:12px;padding-left:12px;font-size:11px;font-weight:600}.sidebar-link{color:var(--admin-text-light);border-radius:var(--admin-radius);transition:var(--transition);align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--admin-primary);background:#eab3081a}.sidebar-link.active{color:var(--admin-primary);background:linear-gradient(135deg,#eab30826 0%,#f59e0b1a 100%)}.sidebar-icon{text-align:center;width:24px;font-size:18px}.logout-link{color:var(--admin-text-light)}.logout-link:hover{color:#ef4444;background:#ef44441a}.admin-content{margin-left:var(--admin-sidebar-width);transition:var(--transition);min-height:calc(100vh - var(--admin-header-height));flex:1;padding:24px}.admin-content.expanded{margin-left:0}.mobile-overlay{z-index:98;background:#00000080;position:fixed;inset:0}@media (width<=992px){.admin-sidebar{width:var(--admin-sidebar-width);transition:transform .3s;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:var(--admin-sidebar-width);transform:translate(-100%)}.admin-content{margin-left:0}.profile-info{display:none}}@media (width<=768px){.admin-header{padding:0 16px}.logo-text{display:none}.admin-content{padding:16px}}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-track{background:var(--admin-border)}.admin-sidebar::-webkit-scrollbar-thumb{background:var(--admin-primary);border-radius:4px}@media (width<=768px){.admin-content{padding:12px!important;overflow-x:hidden!important}.admin-header{padding:0 12px!important}.admin-header-left .logo-container{max-width:120px}.admin-header-left .logo-container img{width:auto;max-height:35px}.admin-profile .profile-info{display:none}.admin-profile-trigger{padding:4px 8px!important}.admin-avatar{width:32px!important;height:32px!important;font-size:12px!important}}.admin-dashboard{background:#0f172a;min-height:100vh}.dashboard-container{max-width:1400px;margin:0 auto;padding:24px}.welcome-section{background:linear-gradient(135deg,#0a2b44 0%,#0f3a5a 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:28px;display:flex;position:relative;overflow:hidden}.welcome-section:before{content:"";background:radial-gradient(circle,#eab3081a 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-50%;right:-10%}.welcome-content{z-index:1;position:relative}.welcome-badge{color:#eab308;background:#eab30833;border-radius:50px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.welcome-content h1{color:#fff;margin:0 0 6px;font-size:24px;font-weight:700}.welcome-content p{color:#fffc;margin:0;font-size:13px}.welcome-date{color:#fff9;margin-top:10px;font-size:12px}.welcome-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffff1a;border-radius:14px;gap:24px;padding:12px 20px;display:flex;position:relative}.welcome-stat{text-align:center}.welcome-stat .stat-value{color:#fff;font-size:24px;font-weight:800;line-height:1;display:block}.welcome-stat .stat-label{color:#ffffffb3;margin-top:4px;font-size:11px}.stat-card{background:#1e293b;border:1px solid #334155;border-radius:16px;justify-content:space-between;align-items:center;padding:20px;transition:all .3s;display:flex}.stat-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.stat-left{flex:1;align-items:center;gap:14px;display:flex}.stat-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrapper.primary{background:#3b82f61a}.stat-icon-wrapper.success{background:#10b9811a}.stat-icon-wrapper.warning{background:#f59e0b1a}.stat-icon-wrapper.info{background:#3b82f61a}.stat-icon{font-size:24px}.stat-info h3{color:#f1f5f9;margin:0 0 2px;font-size:28px;font-weight:700;line-height:1}.stat-trend{white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:600;display:flex}.stat-trend.up{color:#10b981;background:#10b98126}.stat-trend.down{color:#ef4444;background:#ef444426}.quick-actions-section{margin-bottom:28px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.section-header h2{color:#f1f5f9;margin:0 0 2px;font-size:18px;font-weight:700}.section-header p{color:#94a3b8;margin:0;font-size:12px}.quick-actions-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.quick-action-card{cursor:pointer;text-align:left;background:#1e293b;border:1px solid #334155;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px;transition:all .3s;display:flex}.quick-action-card:hover{background:#3b82f60d;border-color:#3b82f6;transform:translate(4px)}.action-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.action-content{flex:1}.action-content h3{color:#f1f5f9;margin:0 0 4px;font-size:14px;font-weight:600}.action-content p{color:#94a3b8;margin:0;font-size:11px;line-height:1.3}.action-arrow{color:#64748b;flex-shrink:0}.quick-action-card:hover .action-arrow{color:#3b82f6;transform:translate(4px)}.recent-quotes-section{background:#1e293b;border:1px solid #334155;border-radius:16px;overflow:hidden}.recent-quotes-section .section-header{border-bottom:1px solid #334155;margin:0;padding:16px 20px}.view-all-link{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.view-all-link:hover{color:#60a5fa;transform:translate(4px)}.quotes-list{max-height:450px;overflow-y:auto}.quote-item{border-bottom:1px solid #334155;align-items:center;gap:14px;padding:14px 20px;transition:all .2s;display:flex}.quote-item:hover{background:#3b82f60d}.quote-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.quote-info{flex:1}.quote-name{color:#f1f5f9;margin-bottom:4px;font-size:14px;font-weight:600}.quote-email{color:#94a3b8;margin-bottom:6px;font-size:11px}.quote-services{flex-wrap:wrap;gap:6px;display:flex}.quote-meta{text-align:right;flex-shrink:0}.quote-date{color:#94a3b8;white-space:nowrap;margin-bottom:6px;font-size:10px}.status-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-flex}.empty-quotes{text-align:center;padding:40px 20px}.empty-quotes p{color:#f1f5f9;margin:0 0 4px;font-size:14px;font-weight:500}.empty-subtitle{color:#94a3b8;font-size:12px}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.quick-actions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.dashboard-container{padding:16px}.welcome-section{flex-direction:column;align-items:flex-start;padding:20px}.welcome-content h1{font-size:20px}.welcome-stats{justify-content:space-around;width:100%}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-icon-wrapper{width:40px;height:40px}.stat-icon{font-size:20px}.stat-info h3{font-size:24px}.quick-actions-grid{grid-template-columns:1fr}.quick-action-card{padding:14px}.action-icon{width:40px;height:40px}.quote-item{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.quote-meta{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.quote-avatar{width:40px;height:40px;font-size:16px}.section-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.welcome-content h1{font-size:18px}.welcome-stats{flex-direction:column;align-items:center;gap:12px}.stat-trend{padding:2px 6px;font-size:10px}.quote-services{flex-wrap:wrap}}.services-management{background:#0f172a;min-height:100vh;padding:24px}.search-bar{max-width:400px;margin-bottom:24px;position:relative}.search-bar input{color:#f1f5f9;background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;padding:12px 16px 12px 42px;font-size:14px;transition:all .3s}.clear-search{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.services-table-container{background:#1e293b;border:1px solid #334155;border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #0000004d}.services-table{border-collapse:collapse;width:100%;min-width:700px}.services-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;background:#0f172a;border-bottom:1px solid #334155;padding:16px;font-size:12px;font-weight:600}.services-table tbody td{color:#94a3b8;border-bottom:1px solid #334155;padding:16px;font-size:14px}.services-table tbody tr:hover{background:#3b82f60d}.service-id{color:#f1f5f9;font-weight:600}.service-icon{font-size:24px}.service-title{color:#f1f5f9;font-weight:500}.service-price{color:#eab308;font-weight:500}.popular-star{color:#eab308;font-size:18px}.category-badge{border-radius:50px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-web{color:#3b82f6;background:#3b82f61a}.badge-hosting{color:#10b981;background:#10b9811a}.badge-creative{color:#f59e0b;background:#f59e0b1a}.service-actions{gap:8px;display:flex}.action-btn.edit:hover{color:#fff;background:#3b82f6}.action-btn.delete:hover{color:#fff;background:#ef4444}.services-cards-grid{flex-direction:column;gap:12px;display:none}.service-card{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden}.service-card-header{background:#0f172a;border-bottom:1px solid #334155;align-items:center;gap:12px;padding:12px;display:flex}.service-card-icon{background:#3b82f61a;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.service-card-info{flex:1}.service-card-title{color:#f1f5f9;margin:0 0 4px;font-size:15px;font-weight:600}.service-card-category{color:#3b82f6;background:#3b82f61a;border-radius:20px;padding:2px 8px;font-size:11px;display:inline-block}.service-card-popular{color:#eab308;background:#eab3081a;border-radius:20px;padding:4px 8px;font-size:11px}.service-card-body{padding:12px}.service-card-row{border-bottom:1px solid #33415580;justify-content:space-between;padding:6px 0;display:flex}.service-card-row:last-child{border-bottom:none}.service-card-label{color:#94a3b8;font-size:12px;font-weight:600}.service-card-value{color:#eab308;font-size:13px;font-weight:500}.service-card-desc{color:#94a3b8;text-align:right;flex:1;font-size:12px}.service-card-actions{background:#0f172a;border-top:1px solid #334155;gap:8px;padding:12px;display:flex}.service-card-actions .action-btn{flex:1;gap:6px;width:auto;height:40px;font-size:13px;font-weight:500}.service-card-actions .action-btn svg{width:16px;height:16px}.empty-state-mobile{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:40px}.modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:4px;transition:all .2s}.modal-close:hover{color:#ef4444}.form-group input,.form-group select,.form-group textarea{color:#f1f5f9;background:#0f172a;border:1px solid #334155;border-radius:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.checkbox-group{align-items:center;display:flex}.checkbox-label input{cursor:pointer;accent-color:#3b82f6;width:16px;height:16px}.tag-input button{color:#3b82f6;cursor:pointer;background:#3b82f61a;border:1px solid #334155;border-radius:10px;padding:0 16px;font-weight:500;transition:all .2s}.tag-input button:hover{color:#fff;background:#3b82f6}.tag button{cursor:pointer;color:#3b82f6;background:0 0;border:none;padding:0 2px;font-size:14px}.tag button:hover{color:#ef4444}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:50px;padding:10px 24px;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:50px;padding:10px 24px;font-weight:500;transition:all .2s}.btn-secondary:hover{color:#3b82f6;border-color:#3b82f6}.btn-outline{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:50px;padding:8px 20px;font-weight:500;transition:all .2s}.btn-outline:hover{color:#3b82f6;border-color:#3b82f6}.empty-state p{color:#94a3b8;margin-bottom:16px}@media (width<=768px){.services-management{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:18px}.search-bar{max-width:100%}.services-table-container{display:none}.services-cards-grid{display:flex}.form-row{grid-template-columns:1fr;gap:12px}.modal-container{max-width:95%;margin:0 auto}.modal-form{padding:16px}.modal-header h2{font-size:18px}}@media (width>=769px) and (width<=1024px){.services-table{min-width:650px}.services-table thead th,.services-table tbody td{padding:12px}}.quotes-management{background:var(--admin-bg);min-height:100vh;padding:24px}.page-header{margin-bottom:24px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.stat-icon.total{background:#3b82f61a}.stat-icon.new{background:#eab3081a}.stat-icon.contacted{background:#3b82f61a}.stat-icon.closed{background:#10b9811a}.stat-info h3{color:var(--admin-text);margin:0 0 4px;font-size:28px;font-weight:700}.stat-info p{color:var(--admin-text-muted);margin:0;font-size:13px}.search-filter{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:16px;margin-bottom:24px;padding:20px}.search-bar input{border:1px solid var(--admin-border);background:var(--admin-bg);width:100%;color:var(--admin-text);border-radius:12px;padding:12px 16px 12px 42px;font-size:14px}.search-bar input:focus{border-color:var(--admin-primary);outline:none;box-shadow:0 0 0 3px #eab3081a}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{background:var(--admin-bg);border:1px solid var(--admin-border);color:var(--admin-text-light);cursor:pointer;border-radius:50px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.tab:hover{border-color:var(--admin-primary);color:var(--admin-primary)}.tab.active{background:linear-gradient(135deg, var(--admin-primary) 0%, var(--admin-primary-dark) 100%);color:#0f172a;border-color:#0000}.tab .count{background:#0000001a;border-radius:20px;margin-left:6px;padding:2px 6px;font-size:11px}.tab.active .count{background:#00000026}.quotes-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.quote-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:16px;transition:all .3s;overflow:hidden}.quote-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.quote-header{background:var(--admin-bg);border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.quote-id{color:var(--admin-text);font-weight:700}.quote-body{padding:20px}.quote-name{color:var(--admin-text);margin:0 0 4px;font-size:18px;font-weight:700}.quote-email{color:var(--admin-text-light);margin:0 0 8px;font-size:13px}.quote-phone,.quote-budget{color:var(--admin-text-muted);margin:0 0 4px;font-size:13px}.quote-services{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.service-tag{color:var(--admin-primary);background:#eab3081a;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.quote-message{color:var(--admin-text-light);background:var(--admin-bg);border-radius:10px;margin:12px 0 0;padding:12px;font-size:13px;font-style:italic}.quote-footer{border-top:1px solid var(--admin-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.quote-date{color:var(--admin-text-muted);font-size:12px}.view-btn{border:1px solid var(--admin-border);color:var(--admin-text-light);cursor:pointer;background:0 0;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.view-btn:hover{border-color:var(--admin-primary);color:var(--admin-primary)}.status-badge{border-radius:50px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-new{color:var(--admin-primary);background:#eab3081a}.status-contacted{color:#3b82f6;background:#3b82f61a}.status-closed{color:#10b981;background:#10b9811a}.modal-container{background:var(--admin-card);border-radius:20px;width:100%;max-width:600px;max-height:90vh;animation:.3s modalSlideIn;overflow-y:auto}.modal-body{padding:24px}.detail-section{margin-bottom:24px}.detail-section h3{color:var(--admin-text);margin:0 0 12px;font-size:16px;font-weight:600}.detail-row{border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.detail-label{color:var(--admin-text-muted);font-size:13px;font-weight:500}.detail-value{color:var(--admin-text);font-size:13px;font-weight:500}.detail-value.link{color:var(--admin-primary);text-decoration:none}.detail-value.link:hover{text-decoration:underline}.services-list{flex-wrap:wrap;gap:8px;display:flex}.message-content{color:var(--admin-text-light);background:var(--admin-bg);border-radius:12px;margin:0;padding:16px;font-size:14px;line-height:1.6}.modal-footer{border-top:1px solid var(--admin-border);padding:20px 24px}.status-actions{gap:12px;margin-bottom:16px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.action-btn.contacted{color:#3b82f6;background:#3b82f61a}.action-btn.contacted:hover{color:#fff;background:#3b82f6}.action-btn.closed{color:#10b981;background:#10b9811a}.action-btn.closed:hover{color:#fff;background:#10b981}.contact-actions{gap:12px;display:flex}.email-btn,.whatsapp-btn{border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.email-btn{color:#3b82f6;background:#3b82f61a}.email-btn:hover{color:#fff;background:#3b82f6}.whatsapp-btn{color:#25d366;background:#25d3661a}.whatsapp-btn:hover{color:#fff;background:#25d366}.empty-state{text-align:center;background:var(--admin-card);border:1px solid var(--admin-border);border-radius:16px;padding:60px 20px}.empty-state p{color:var(--admin-text-muted)}@media (width<=768px){.quotes-management{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.quotes-grid{grid-template-columns:1fr}.status-actions,.contact-actions{flex-direction:column}.modal-container{max-width:95%}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.tabs{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}}.modal-footer{border-top:1px solid var(--admin-border);flex-direction:column;gap:16px;padding:20px 24px;display:flex}.status-actions{flex-wrap:wrap;gap:12px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.action-btn.contacted{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.action-btn.contacted:hover:not(:disabled){color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.action-btn.closed{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.action-btn.closed:hover:not(:disabled){color:#fff;background:#10b981;border-color:#10b981;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.contact-actions{flex-wrap:wrap;gap:12px;display:flex}.email-btn,.whatsapp-btn{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.email-btn{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.email-btn:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.whatsapp-btn{color:#25d366;background:#25d36626;border:1px solid #25d3664d}.whatsapp-btn:hover{color:#fff;background:#25d366;border-color:#25d366;transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}@media (width<=640px){.modal-footer{padding:16px 20px}.status-actions,.contact-actions{flex-direction:column}.action-btn,.email-btn,.whatsapp-btn{width:100%;padding:10px 16px}}.portfolio-management{background:#0f172a;min-height:100vh;padding:16px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-title{color:#f1f5f9;margin:0 0 2px;font-size:20px;font-weight:700}.page-subtitle{color:#94a3b8;margin:0;font-size:13px}.filters-bar{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:20px;padding:12px}.search-bar{margin-bottom:12px;position:relative}.search-bar svg{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar input{color:#f1f5f9;background:#0f172a;border:1px solid #334155;border-radius:10px;width:100%;padding:10px 12px 10px 36px;font-size:14px}.search-bar input:focus{border-color:#3b82f6;outline:none}.clear-search{cursor:pointer;color:#94a3b8;background:0 0;border:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.category-filters{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.category-filter{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#0f172a;border:1px solid #334155;border-radius:50px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:500}.category-filter.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#0000}.portfolio-table-container{-webkit-overflow-scrolling:touch;background:#1e293b;border:1px solid #334155;border-radius:12px;overflow-x:auto}.portfolio-table{border-collapse:collapse;width:100%;min-width:700px}.portfolio-table th,.portfolio-table td{text-align:left;padding:12px;font-size:13px}.portfolio-table th{color:#94a3b8;text-transform:uppercase;background:#0f172a;border-bottom:1px solid #334155;font-size:11px;font-weight:600}.portfolio-table td{color:#cbd5e1;border-bottom:1px solid #334155}.project-id{color:#f1f5f9;font-weight:600}.project-icon{font-size:24px}.project-title{color:#f1f5f9;font-weight:500}.featured-star{color:#eab308;font-size:16px}.project-actions{align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.action-btn.view{color:#3b82f6;background:#3b82f626}.action-btn.view:active{color:#fff;background:#3b82f6;transform:scale(.95)}.action-btn.edit{color:#eab308;background:#eab30826}.action-btn.edit:active{color:#0f172a;background:#eab308;transform:scale(.95)}.action-btn.delete{color:#ef4444;background:#ef444426}.action-btn.delete:active{color:#fff;background:#ef4444;transform:scale(.95)}.action-btn svg{width:16px;height:16px}@media (width<=768px){.portfolio-management{padding:12px}.page-header{margin-bottom:16px}.page-title{font-size:18px}.portfolio-table-container{display:none}.portfolio-cards-grid{flex-direction:column;gap:12px;display:flex}.portfolio-card{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden}.portfolio-card-header{background:#0f172a;border-bottom:1px solid #334155;align-items:center;gap:12px;padding:12px;display:flex}.portfolio-card-icon{background:#3b82f61a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex}.portfolio-card-info{flex:1}.portfolio-card-title{color:#f1f5f9;margin:0 0 4px;font-size:15px;font-weight:600}.portfolio-card-category{color:#3b82f6;background:#3b82f61a;border-radius:20px;padding:2px 8px;font-size:11px;display:inline-block}.portfolio-card-featured{color:#eab308;font-size:12px}.portfolio-card-body{padding:12px}.card-row{border-bottom:1px solid #33415580;justify-content:space-between;padding:6px 0;display:flex}.card-row:last-child{border-bottom:none}.card-label{color:#94a3b8;font-size:12px;font-weight:600}.card-value{color:#f1f5f9;font-size:13px}.portfolio-card-actions{background:#0f172a;border-top:1px solid #334155;gap:8px;padding:12px;display:flex}.portfolio-card-actions .action-btn{flex:1;gap:6px;width:auto;height:38px;font-size:13px;font-weight:500}.portfolio-card-actions .action-btn svg{width:16px;height:16px}}@media (width>=769px){.portfolio-cards-grid{display:none}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-container{background:#1e293b;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-container.large{max-width:600px}.modal-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-header h2{color:#f1f5f9;margin:0;font-size:18px;font-weight:700}.modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:4px}.modal-form{padding:16px}.form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.form-group{margin-bottom:12px}.form-group label{color:#f1f5f9;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{color:#f1f5f9;background:#0f172a;border:1px solid #334155;border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.tag-input{gap:8px;margin-bottom:8px;display:flex}.tag-input input{flex:1}.tag-input button{color:#3b82f6;cursor:pointer;background:#3b82f61a;border:1px solid #334155;border-radius:8px;padding:0 12px}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#3b82f6;background:#3b82f61a;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.tag button{cursor:pointer;color:#3b82f6;background:0 0;border:none;font-size:12px}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.modal-footer{border-top:1px solid #334155;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:50px;padding:8px 20px;font-weight:600}.btn-secondary{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:50px;padding:8px 20px;font-weight:500}.loading-state{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.loading-spinner{border:3px solid #334155;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.empty-state{text-align:center;padding:40px}.empty-icon{opacity:.5;margin-bottom:12px;font-size:48px}.error-message{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:16px;padding:8px 12px;font-size:13px}