:root{--primary-color:#0ff;--secondary-color:#f0f;--bg-color:#0a0a1f;--text-color:#fff}body{background-color:#0a0a1f;background-color:var(--bg-color);color:var(--text-color)}
/* ! tailwindcss v3.4.11 | MIT License | https://tailwindcss.com */.product-card-title{font-family:Nasalization,sans-serif}.learn-more-button{align-items:center;background-color:#1f2937;border:2px solid #3b82f6;border-radius:4px;display:inline-flex;font-size:1rem;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s}.learn-more-button:hover{background-color:#3b82f6;border-color:#2563eb;color:#fff}

/*
! tailwindcss v3.4.11 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.nasalization-font,body{font-family:Nasalization,sans-serif}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--text-secondary:#b0b0b0;--text-muted:#666;--glass-bg:#111c;--glass-border:#ffffff1a}body{background-color:#0a0a0a;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Orbitron,sans-serif;overflow-x:hidden}header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-bottom:1px solid var(--glass-border);box-sizing:border-box;display:flex;height:50px;justify-content:space-between;left:0;padding:1rem 1.5rem;position:fixed;right:0;top:0;z-index:1000}.logo-img{height:30px;margin-right:10px}.logo{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:2rem;font-weight:700;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo span.glitch{color:var(--accent);display:inline-block;position:relative}.desktop-nav{display:flex;gap:2rem}.desktop-nav a{color:var(--text-secondary);font-size:.9rem;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.desktop-nav a.active,.desktop-nav a:hover{color:var(--accent)}.desktop-nav a.active:after{background:var(--accent);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.mobile-menu-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:color .3s ease}.mobile-menu-btn:hover{color:var(--accent)}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af2;border-bottom:1px solid var(--glass-border);display:none;flex-direction:column;gap:0;left:0;padding:1rem;position:absolute;right:0;top:100%}.mobile-nav.open{display:flex}.mobile-nav a{border-bottom:1px solid var(--glass-border);color:var(--text-secondary);font-size:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.mobile-nav a:last-child{border-bottom:none}.mobile-nav a.active,.mobile-nav a:hover{background:#f040001a;color:var(--accent)}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:block}header{flex-direction:row;gap:0;position:fixed}.logo{font-size:2.2rem}.logo-img{height:35px;margin-right:8px}header{height:auto;min-height:50px;padding:.8rem 1rem}}@media (max-width:480px){header{padding:.6rem .8rem}.logo{font-size:1.8rem}.logo-img{height:30px;margin-right:6px}.mobile-nav a{font-size:.9rem;padding:.8rem 1rem}}.footer{background:var(--bg-secondary);border-top:1px solid var(--glass-border);color:var(--text-primary)}.footer-main{padding:4rem 0 2rem}.footer-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1.5fr}.footer-section{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.logo-img{height:35px}.logo-text{color:var(--text-primary);font-size:1.8rem;font-weight:700}.company-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.social-links{display:flex;gap:.75rem}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.social-icon{font-size:1.2rem}.section-title{font-size:1.1rem;font-weight:600}.section-title:after{border-radius:1px;height:2px;width:30px}.footer-links{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-links li{margin:0}.footer-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.9rem;padding:0;text-align:left;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:var(--accent);transform:translateX(5px)}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{align-items:flex-start;display:flex;gap:.75rem}.contact-icon{flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.contact-details{display:flex;flex-direction:column;gap:.1rem}.contact-label{color:var(--text-primary);font-size:.85rem;font-weight:500}.contact-value{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .3s ease}.contact-value:hover{color:var(--accent)}.newsletter{border-top:1px solid var(--glass-border);margin-top:1.5rem;padding-top:1.5rem}.newsletter h4{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.newsletter p{color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem}.newsletter-form{display:flex;gap:.5rem}.newsletter-input{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:.85rem;padding:.6rem .8rem;transition:all .3s ease}.newsletter-input:focus{border-color:var(--accent);outline:none}.newsletter-btn{background:var(--accent);border:none;border-radius:6px;color:var(--bg-primary);cursor:pointer;font-weight:700;padding:.6rem 1rem;transition:all .3s ease}.newsletter-btn:hover{background:#f51;transform:scale(1.05)}.footer-bottom{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-top:1px solid var(--glass-border);padding:1.5rem 0}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.copyright{color:var(--text-muted);font-size:.85rem}.footer-legal{display:flex;gap:1.5rem}.legal-link{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.8rem;padding:0;transition:color .3s ease}.legal-link:hover{color:var(--accent)}@media (max-width:1024px){.footer-grid{gap:2.5rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer-main{padding:3rem 0 1.5rem}.container{padding:0 1rem}.footer-grid{gap:2rem;grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.footer-legal{justify-content:center}.newsletter-form{flex-direction:column}.newsletter-btn{width:100%}}@media (max-width:480px){.footer-main{padding:2rem 0 1rem}.footer-logo{flex-direction:column;gap:.5rem;text-align:center}.social-links{justify-content:center}.footer-legal{flex-direction:column;gap:.75rem}.contact-item{flex-direction:column;gap:.5rem;text-align:center}.contact-icon{margin-top:0}}.footer-link,.legal-link,.social-link{overflow:hidden;position:relative}.footer-link:before,.legal-link:before,.social-link:before{background:linear-gradient(90deg,#0000,#f040001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.footer-link:hover:before,.legal-link:hover:before,.social-link:hover:before{left:100%}.btn{border:1px solid var(--accent);border-radius:50px;cursor:pointer;display:inline-block;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.5px;overflow:hidden;padding:.75rem 2rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn--primary{background-color:var(--accent);color:var(--bg-primary)}.btn--primary:hover{background-color:#f51;box-shadow:0 10px 25px #f040004d;transform:translateY(-3px)}.btn--secondary{background-color:initial;color:var(--accent)}.btn--secondary:hover{background-color:var(--accent);box-shadow:0 10px 25px #f040004d;color:var(--bg-primary);transform:translateY(-3px)}@media (max-width:768px){.btn{padding:.75rem 1.5rem;text-align:center;width:200px}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transform:translateY(0);transition:all .3s ease;width:300px}.card:before{background:linear-gradient(90deg,#0000,#f040001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.card:hover:before{left:100%}.card:hover{box-shadow:0 0 30px var(--accent);transform:translateY(-8px)}.card--active,.card:hover{border-color:var(--accent)}.card--active{box-shadow:0 0 25px var(--accent);transform:translateY(-5px)}.card h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem;transition:color .3s ease}.card:hover h3{color:var(--accent)}.card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem;transition:color .3s ease}.card:hover p{color:var(--text-primary)}.card button{background-color:var(--accent);border:none;border-radius:25px;color:var(--bg-primary);cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.card button:hover{background-color:#f51;box-shadow:0 5px 15px #f0400066;transform:scale(1.1)}@media (max-width:480px){.card{display:none}}@media (max-width:768px){.card{width:280px}.card-wrapper{margin-bottom:1rem}}.services-section{background:var(--bg-primary);color:var(--text-primary);padding:5rem 2rem}.section-header{margin-bottom:3rem}.section-title{background:linear-gradient(90deg,var(--text-primary),var(--text-secondary));color:#0000;display:inline-block;font-size:2.5rem}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:auto}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:2rem;transition:transform .3s ease}.glass-card:hover{transform:translateY(-5px)}.service-icon{color:var(--accent);font-size:1.8rem;font-weight:300;margin-bottom:1.2rem}.service-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.service-desc{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.service-features{color:var(--text-secondary);margin:1.5rem 0;padding-left:1.2rem}.service-features li{list-style-type:none;margin-bottom:.6rem;position:relative}.service-features li:before{color:var(--accent);content:"→";left:-1.2rem;position:absolute}.service-link{align-items:center;color:var(--accent);display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none}.service-link:hover{text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border-radius:20px;box-shadow:0 25px 80px #f040004d;max-width:700px;padding:2.5rem;position:relative}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1rem;transition:all .3s ease;width:40px}.close-button:hover{background:#f040001a;color:var(--accent)}.modal-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem;text-align:center}.modal-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin-bottom:2rem;text-align:center}.form-section{background:#0a0a0a80;border:1px solid var(--glass-border);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.form-section legend{color:var(--text-primary);font-size:1.1rem;font-weight:700;padding:0 1rem}.quote-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;gap:1rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.75rem 1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #f0400033}.form-group textarea{font-family:inherit;resize:vertical}.form-group small{color:var(--text-muted);font-size:.8rem;margin-top:.5rem}.project-type-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:.5rem}.project-type-option{cursor:pointer;display:block}.project-type-option input{display:none}.option-content{align-items:center;background:var(--bg-primary);border:2px solid var(--glass-border);border-radius:8px;display:flex;flex-direction:column;padding:1rem .5rem;text-align:center;transition:all .3s ease}.option-content:hover{border-color:var(--accent);transform:translateY(-2px)}.project-type-option input:checked+.option-content{background:#f040001a;border-color:var(--accent);box-shadow:0 5px 15px #f0400033}.option-icon{font-size:1.5rem;margin-bottom:.5rem}.option-label{color:var(--text-primary);font-size:.8rem;font-weight:500}.submit-button{background:var(--accent);border:none;border-radius:50px;color:var(--bg-primary);cursor:pointer;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.5px;margin-top:1rem;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.submit-button:hover:not(:disabled){background:#f51;box-shadow:0 10px 25px #f040004d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.privacy-notice{color:var(--text-muted);font-size:.8rem;margin-top:1rem;text-align:center}.success-content{padding:3rem 2rem;text-align:center}.success-icon{animation:bounce .6s ease;font-size:4rem;margin-bottom:1.5rem}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}.success-message{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.next-steps{color:var(--text-secondary);list-style:none;margin:2rem 0;padding:0;text-align:left}.next-steps li{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem;padding-left:0}.contact-info{background:#f040001a;border:1px solid var(--accent);border-radius:12px;margin:2rem 0;padding:1.5rem}.contact-info p{color:var(--text-secondary);margin:.5rem 0}.contact-info a{color:var(--accent);text-decoration:none}.contact-info a:hover{text-decoration:underline}.close-success-btn{background:var(--accent);border:none;border-radius:50px;color:var(--bg-primary);cursor:pointer;font-family:Orbitron,sans-serif;margin-top:1rem;padding:.75rem 2rem;transition:all .3s ease}.close-success-btn:hover{background:#f51;transform:translateY(-2px)}@media (max-width:768px){.modal-content{margin:.5rem;padding:2rem 1.5rem}.form-row{grid-template-columns:1fr}.project-type-grid{grid-template-columns:1fr 1fr}.form-section{padding:1rem}.modal-content h2{font-size:1.5rem}.modal-subtitle{font-size:1rem}}@media (max-width:480px){.modal-content{padding:1.5rem 1rem}.project-type-grid{grid-template-columns:1fr}.success-content{padding:2rem 1rem}}.hero-section{background:linear-gradient(#000000b3,#000c),url(/static/media/hero-bg.e45302d86254b18e60c7.jpg) 50%/cover no-repeat;justify-content:center;min-height:auto;padding-bottom:4rem;padding-top:50px;position:relative}.hero,.hero-section{display:flex;flex-direction:column}.hero{align-items:center;gap:3rem;padding:0 2rem;text-align:center}.hero__container{max-width:800px}.hero__headline{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px #00000080}.hero__subtext{color:var(--text-secondary);font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.6;margin-bottom:2.5rem}.cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1200px;width:100%}.section{padding:5rem 2rem}.section--light{background:var(--bg-primary)}.section--dark{background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);border-top:1px solid var(--glass-border)}.section-title{-webkit-background-clip:text;background-clip:text;color:var(--accent)!important;font-size:clamp(2rem,4vw,2.5rem);margin-bottom:1rem}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.trust-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.trust-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.trust-card:hover{border-color:var(--accent);box-shadow:0 20px 40px #f0400026;transform:translateY(-8px)}.trust-icon{display:block;font-size:3.5rem;margin-bottom:1.5rem}.trust-card h3{color:var(--text-primary);font-size:1.4rem;font-weight:600;margin-bottom:1rem}.trust-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.brands-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.brand-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.brand-card:hover{border-color:var(--accent);box-shadow:0 15px 30px #f040001a;transform:translateY(-5px)}.brand-logo{display:block;font-size:2.8rem;margin-bottom:1.2rem}.brand-card h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.brand-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:2.5rem 2rem;position:relative;transition:all .3s ease}.testimonial-card:hover{border-color:var(--accent);box-shadow:0 20px 40px #f040001a;transform:translateY(-5px)}.testimonial-card:before{color:var(--accent);content:'"';font-size:4rem;left:1.5rem;line-height:1;opacity:.3;position:absolute;top:1rem}.testimonial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-left:2rem}.stars{color:gold;font-size:1.1rem}.date{color:var(--text-muted);font-size:.85rem}.testimonial-content{color:var(--text-secondary);font-size:1.05rem;font-style:italic;line-height:1.7;margin-bottom:2rem}.testimonial-author{border-top:1px solid var(--glass-border);padding-top:1.5rem}.testimonial-author strong{color:var(--text-primary);display:block;font-size:1.1rem;margin-bottom:.25rem}.testimonial-author span{color:var(--text-muted);font-size:.9rem}@media (max-width:768px){.hero-section{min-height:auto;padding:80px 0 3rem}.hero{gap:2rem;padding:0 1rem}.cards{grid-template-columns:1fr;max-width:400px}.cta-buttons{align-items:center;flex-direction:column;gap:1rem}.section{padding:3rem 1rem}.section-header{margin-bottom:3rem}.brands-grid,.testimonials-grid,.trust-grid{gap:1.5rem;grid-template-columns:1fr}.testimonial-card,.trust-card{padding:2rem 1.5rem}.testimonial-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-left:0}}@media (max-width:480px){.hero-section{padding:100px 0 .5rem}.hero{gap:1.5rem}.brand-card,.testimonial-card,.trust-card{padding:1.5rem 1rem}.trust-icon{font-size:3rem}.brand-logo{font-size:2.5rem}.testimonial-card:before{font-size:3rem;left:1rem;top:.5rem}}@media (max-width:360px){.hero-section{padding:80px 0 1.5rem}.hero{padding:0 .5rem}.section{padding:2rem .5rem}}.benefits-section{background:var(--section-bg);padding:80px 0}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.benefit-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease}.benefit-card:hover{transform:translateY(-5px)}.benefit-icon{font-size:3rem;margin-bottom:1rem}.audience-section{padding:80px 0}.audience-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.audience-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:12px;padding:2rem;text-align:center}.audience-icon{font-size:2.5rem;margin-bottom:1rem}.audience-features{list-style:none;margin:1.5rem 0;padding:0;text-align:left}.audience-features li{color:var(--text-secondary);padding:.3rem 0}.audience-cta{margin-top:1rem;width:100%}.tools-section{background:var(--section-bg);padding:80px 0}.tools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.tool-category{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem}.tool-category h3{color:var(--text-primary);margin-bottom:1rem}.tool-items{display:flex;flex-wrap:wrap;gap:.5rem}.tool-item{background:#f040001a;border:1px solid var(--accent);border-radius:20px;color:var(--accent);font-size:.8rem;padding:.3rem .8rem}.pricing-section{padding:80px 0}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.pricing-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:12px;padding:2rem;position:relative;text-align:center}.pricing-card.popular{border-color:var(--accent);transform:scale(1.05)}.popular-badge{background:var(--accent);border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;left:50%;padding:.3rem 1rem;position:absolute;top:-10px;transform:translateX(-50%)}.pricing-header{margin-bottom:2rem}.price{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:1rem 0}.tier-description{color:var(--text-secondary);font-size:.9rem}.features-list{margin:2rem 0;text-align:left}.features-list li{padding:.5rem 0}.pricing-cta{margin-top:1rem;width:100%}.faq-section{background:var(--section-bg);padding:80px 0}.faq-list{margin:3rem auto 0;max-width:800px}.faq-item{background:var(--card-bg);border-radius:8px;margin-bottom:1rem;overflow:hidden}.faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:background .3s ease}.faq-question:hover{background:#f040000d}.faq-toggle{color:var(--accent);font-size:1.5rem;font-weight:700}.faq-answer{color:var(--text-secondary);padding:0 1.5rem 1.5rem}.final-cta{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:12px;margin-top:4rem;padding:3rem;text-align:center}.final-cta h3{color:var(--text-primary);margin-bottom:1rem}.final-cta p{color:var(--text-secondary);margin-bottom:2rem}@media (max-width:768px){.audience-grid,.benefits-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}.tools-grid{grid-template-columns:1fr}.final-cta{padding:2rem 1rem}}.about-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-top:100px}.about-hero{background:linear-gradient(#0a0a0ae6,#0a0a0af2),url(/static/media/hero-bg.e45302d86254b18e60c7.jpg) 50%/cover no-repeat;border-bottom:1px solid var(--glass-border);padding:6rem 2rem;text-align:center}.about-hero-content h1{background:linear-gradient(90deg,var(--text-primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;margin-bottom:1.5rem}.about-hero-content p{color:var(--text-secondary);font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px}.about-story{background:var(--bg-secondary);padding:5rem 2rem}.story-grid{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:2fr 1fr}.story-content h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:2rem}.story-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.story-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1.5rem;text-align:center}.stat-number{color:var(--accent);font-size:2.5rem;margin-bottom:.5rem}.stat-label{font-size:.9rem}.team-section{background:var(--bg-primary);padding:5rem 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{background:linear-gradient(90deg,var(--text-primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;margin-bottom:1rem}.section-header p{color:var(--text-secondary);font-size:1.1rem}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.team-card:hover{border-color:var(--accent);box-shadow:0 15px 30px #f040001a;transform:translateY(-5px)}.member-avatar{align-items:center;background:var(--accent);border-radius:50%;color:var(--bg-primary);display:flex;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.team-card h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:.5rem}.member-role{color:var(--accent);font-size:.9rem;font-weight:500;margin-bottom:1rem}.member-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.member-expertise{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.expertise-tag{background:#f040001a;border:1px solid var(--accent);border-radius:15px;color:var(--accent);font-size:.8rem;padding:.4rem .8rem}.values-section{background:var(--bg-secondary);border-top:1px solid var(--glass-border);padding:5rem 2rem}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1100px}.value-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.value-card:hover{border-color:var(--accent);transform:translateY(-5px)}.value-icon{font-size:3rem;margin-bottom:1.5rem}.value-card h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.value-card p{color:var(--text-secondary);line-height:1.6}.cta-section{background:var(--bg-primary);border-top:1px solid var(--glass-border);padding:5rem 2rem}.cta-section h2{color:var(--text-primary);font-size:2.5rem}.cta-section p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{gap:1.5rem}@media (max-width:968px){.story-grid{gap:3rem;grid-template-columns:1fr}.story-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-page{padding-top:120px}.about-hero{padding:4rem 1rem}.about-hero-content h1{font-size:2.5rem}.about-story,.cta-section,.team-section,.values-section{padding:3rem 1rem}.story-stats,.team-grid,.values-grid{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.section-header h2{font-size:2rem}}@media (max-width:480px){.about-hero-content h1{font-size:2rem}.team-card,.value-card{padding:2rem 1.5rem}}.service-detail{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-top:0}.service-hero{align-items:center;background:linear-gradient(#0a0a0ad9,#0a0a0ae6),url(/static/media/hero-bg.e45302d86254b18e60c7.jpg) 50%/cover no-repeat;border-bottom:1px solid var(--glass-border);display:flex;justify-content:center;min-height:60vh;padding:6rem 2rem 4rem;position:relative;text-align:center}.service-hero:before{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.service-hero-content{max-width:800px;position:relative;z-index:2}.service-icon{font-size:4rem;margin-bottom:2rem;text-shadow:0 0 20px #f0400080}.service-hero h1{background:linear-gradient(90deg,var(--text-primary),var(--text-primary));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px #00000080}.service-hero p{color:var(--text-secondary);font-size:1.3rem;line-height:1.6;text-shadow:1px 1px 2px #00000080}.service-content{margin:0 auto;max-width:1200px;padding:4rem 2rem}.content-grid{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.features-section,.process-section{margin-bottom:3rem}.section-title{color:var(--text-primary);font-size:1.8rem;margin-bottom:1.5rem;position:relative}.section-title:after{background:var(--accent);border-radius:2px;bottom:-.5rem;content:"";height:3px;left:0;position:absolute;width:50px}.features-list{list-style:none;padding:0}.features-list li{align-items:center;border-bottom:1px solid var(--glass-border);color:var(--text-secondary);display:flex;gap:1rem;padding:1rem 0;transition:color .3s ease}.features-list li:hover{color:var(--text-primary)}.features-list li:before{color:var(--accent);content:"→";font-weight:700;transition:transform .3s ease}.features-list li:hover:before{transform:translateX(5px)}.process-steps{display:flex;flex-direction:column;gap:1.5rem}.process-step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.process-step:before{background:linear-gradient(90deg,#0000,#f040001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.process-step:hover:before{left:100%}.process-step:hover{border-color:var(--accent);box-shadow:0 10px 30px #f0400033;transform:translateY(-2px)}.step-number{align-items:center;background:var(--accent);border-radius:50%;box-shadow:0 4px 10px #f040004d;color:var(--bg-primary);display:flex;font-weight:700;height:30px;justify-content:center;margin-bottom:1rem;width:30px}.cta-section{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:20px;margin-top:3rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.cta-section:before{background:linear-gradient(90deg,var(--accent),#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.cta-section h2{font-size:2rem;margin-bottom:1rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-buttons,.tech-stack{margin-top:2rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-tag{background:#f040001a;border:1px solid var(--accent);border-radius:20px;color:var(--accent);font-size:.8rem;padding:.5rem 1rem;transition:all .3s ease}.tech-tag:hover{background:var(--accent);box-shadow:0 5px 15px #f040004d;color:var(--bg-primary);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.content-grid,.cta-section,.service-hero-content{animation:fadeInUp .6s ease-out}.content-grid{animation-delay:.2s}.cta-section{animation-delay:.4s}@media (max-width:768px){.service-hero{padding:5rem 1rem 3rem}.service-hero h1{font-size:2rem}.service-hero p{font-size:1rem}.content-grid{gap:2rem;grid-template-columns:1fr}.service-content{padding:2rem 1rem}.cta-buttons{align-items:center;flex-direction:column}.cta-section h2{font-size:1.5rem}}@media (max-width:480px){.service-hero{padding:4rem 1rem 2rem}.service-hero h1{font-size:1.8rem}.service-icon{font-size:3rem}.features-list li{padding:.75rem 0}.process-step{padding:1rem}}.contact-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-top:100px}.contact-hero{background:linear-gradient(#0a0a0ae6,#0a0a0af2),url(/static/media/hero-bg.e45302d86254b18e60c7.jpg) 50%/cover no-repeat;border-bottom:1px solid var(--glass-border);padding:6rem 2rem;text-align:center}.contact-hero-content h1{background:linear-gradient(90deg,var(--text-primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;margin-bottom:1.5rem}.contact-hero-content p{color:var(--text-secondary);font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px}.contact-content{padding:5rem 0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.contact-grid{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1.5fr}.contact-info h2{color:var(--text-primary);font-size:2.2rem;margin-bottom:1rem}.info-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:3rem}.contact-methods{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.contact-method{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.contact-method:hover{border-color:var(--accent);transform:translateY(-2px)}.method-icon{font-size:2rem;margin-top:.25rem}.method-details h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.method-details a,.method-details p{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.method-details a:hover{color:var(--accent)}.social-links h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.social-icons{display:flex;flex-wrap:wrap;gap:1rem}.social-link{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:25px;color:var(--text-secondary);font-size:.9rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary);transform:translateY(-2px)}.contact-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:20px;padding:3rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;gap:1.5rem}.form-group label{color:var(--text-primary);font-size:.95rem;font-weight:500;margin-bottom:.75rem}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-family:Orbitron,sans-serif;font-size:.95rem;padding:1rem 1.25rem;resize:vertical;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f040001a;outline:none}.form-group textarea{line-height:1.5;min-height:120px}.form-message{border-radius:8px;font-weight:500;padding:1rem 1.5rem}.form-message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.form-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.submit-btn{font-size:1.1rem;margin-top:1rem;padding:1.25rem 2rem;width:100%}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.form-note{color:var(--text-muted);font-size:.85rem;line-height:1.5;margin-top:1rem;text-align:center}.faq-section{background:var(--bg-secondary);border-top:1px solid var(--glass-border);padding:5rem 0}.faq-section h2{background:linear-gradient(90deg,var(--text-primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;margin-bottom:3rem;text-align:center}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:2rem;transition:all .3s ease}.faq-item:hover{border-color:var(--accent);transform:translateY(-2px)}.faq-item h4{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.faq-item p{color:var(--text-secondary);line-height:1.6}@media (max-width:968px){.contact-grid{gap:3rem;grid-template-columns:1fr}.contact-hero-content h1{font-size:2.8rem}}@media (max-width:768px){.contact-page{padding-top:120px}.contact-hero{padding:4rem 1rem}.contact-hero-content h1{font-size:2.2rem}.contact-hero-content p{font-size:1.1rem}.contact-content{padding:3rem 0}.container{padding:0 1rem}.contact-form-container{padding:2rem}.form-row{gap:1rem;grid-template-columns:1fr}.faq-section{padding:3rem 0}.faq-section h2{font-size:2rem}.faq-grid{grid-template-columns:1fr}.contact-method{padding:1.25rem}.social-icons{justify-content:center}}@media (max-width:480px){.contact-page{padding-top:100px}.contact-hero-content h1{font-size:1.8rem}.contact-form-container{padding:1.5rem}.contact-info h2{font-size:1.8rem}.faq-item{padding:1.5rem}}.branding-portfolio{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.portfolio-hero{background:linear-gradient(135deg,var(--bg-secondary) 0,#1a1a1a 100%);border-bottom:1px solid var(--glass-border);padding:100px 0 60px;text-align:center}.portfolio-hero-content .service-icon{font-size:3rem;margin-bottom:1.5rem;opacity:.9}.portfolio-hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.portfolio-hero-content p{font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.8}.portfolio-content{margin:0 auto;max-width:1400px;padding:60px 20px}.pinterest-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s ease}.pin-card:hover{border-color:var(--accent);box-shadow:0 20px 40px #f0400026;transform:translateY(-8px)}.pin-image{overflow:hidden;width:100%}.pin-image img{display:block;height:auto;transition:transform .3s ease}.pin-card:hover .pin-image img{transform:scale(1.03)}.pin-title{border-top:1px solid var(--glass-border);padding:20px;text-align:center}.pin-title span{color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.pinterest-grid{grid-auto-rows:auto}.pin-card:nth-child(3n+1){grid-row:span 2}.pin-card:nth-child(5n+2){grid-row:span 3}.pin-image{aspect-ratio:4/5}.pin-image img{height:100%;object-fit:cover;width:100%}@media (max-width:1200px){.pinterest-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.portfolio-hero{padding:80px 0 40px}.portfolio-hero-content h1{font-size:2.5rem}.portfolio-hero-content p{font-size:1.1rem}.pinterest-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.portfolio-content{padding:40px 15px}.pin-title{padding:15px}.pin-title span{font-size:1rem}}@media (max-width:480px){.portfolio-hero-content h1{font-size:2rem}.pinterest-grid{gap:20px;grid-template-columns:1fr}.pin-card{margin:0 auto;max-width:400px}}.pin-image img{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#0000 37%,#f0f0f0 63%);background-size:400% 100%}@keyframes loading{0%{background-position:100% 50%}to{background-position:0 50%}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-container{max-width:400px;width:100%}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px 30px}.login-header{margin-bottom:30px;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:28px;font-weight:700;margin-bottom:8px}.login-header p{color:#666;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{margin-bottom:8px}.form-group input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#999}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;padding:12px 16px;text-align:center}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 20px;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.login-card{padding:30px 20px}.login-header h1{font-size:24px}}:root{--glass-bg:#0000004d;--glass-border:#f0400033;--accent:#f04000;--accent-hover:#ff5722;--text-primary:#fff;--text-secondary:#ffffffb3;--success:#4caf50;--warning:#ff9800;--error:#f44336;--info:#2196f3}*{box-sizing:border-box;margin:0;padding:0}.admin-dashboard{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.admin-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;background:var(--glass-bg);border-bottom:1px solid #f0400033;border-bottom:1px solid var(--glass-border);height:70px;left:0;position:fixed;right:0;top:0;z-index:1000}.header-content{height:100%;max-width:1800px;padding:0 2rem}.header-left{gap:3rem;height:100%}.admin-logo{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;letter-spacing:-.5px;text-decoration:none}.admin-logo .logo-accent{color:#f04000;color:var(--accent)}.main-nav,.nav-item{align-items:center;display:flex;gap:.5rem;height:100%}.nav-item{background:#0000;border:none;border-bottom:2px solid #0000;color:#ffffffb3;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.nav-item:hover{background:#f040000d}.nav-item.active,.nav-item:hover{color:#f04000;color:var(--accent)}.nav-item.active{border-bottom-color:#f04000;border-bottom-color:var(--accent)}.nav-icon{height:18px;justify-content:center;width:18px}.admin-actions,.nav-icon{align-items:center;display:flex}.admin-actions{gap:1.5rem}.welcome-text{color:#ffffffb3;color:var(--text-secondary)}.logout-btn,.welcome-text{font-size:.9rem;font-weight:500}.logout-btn{background:#0000;border:1px solid #f0400033;border:1px solid var(--glass-border);border-radius:6px;color:#fff;color:var(--text-primary);cursor:pointer;padding:.6rem 1.5rem;transition:all .3s ease}.logout-btn:hover{background:#f04000;background:var(--accent);border-color:#f04000;border-color:var(--accent);transform:translateY(-1px)}.admin-main{margin:0 auto;max-width:1800px;padding:90px 2rem 2rem}.view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2.5rem}.view-header h2{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:600;letter-spacing:-.5px}.view-actions{display:flex;gap:1rem}.action-btn{align-items:center;border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;white-space:nowrap}.action-btn.primary{background:#f04000;background:var(--accent);color:#fff}.action-btn.primary:hover{background:#ff5722;background:var(--accent-hover);box-shadow:0 8px 20px #f040004d;transform:translateY(-2px)}.action-btn.secondary{background:#0000004d;background:var(--glass-bg);border:1px solid #f0400033;border:1px solid var(--glass-border);color:#fff;color:var(--text-primary)}.action-btn.secondary:hover{background:#ffffff0d;border-color:#f04000;border-color:var(--accent);color:#f04000;color:var(--accent)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;background:var(--glass-bg);border:1px solid #f0400033;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#f04000,#0000);background:linear-gradient(90deg,var(--accent) 0,#0000 100%);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{border-color:#f04000;border-color:var(--accent);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-label{color:#ffffffb3;color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.stat-icon{align-items:center;background:#f040001a;border-radius:8px;color:#f04000;color:var(--accent);display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.stat-value{color:#fff;color:var(--text-primary);font-size:2.5rem;font-weight:700;letter-spacing:-1px;line-height:1}.stat-change{align-items:center;display:flex;font-size:.8rem;gap:.25rem;margin-top:.5rem}.stat-change.positive{color:#4caf50;color:var(--success)}.stat-change.negative{color:#f44336;color:var(--error)}.shops-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;background:var(--glass-bg);border:1px solid #f0400033;border:1px solid var(--glass-border);border-radius:12px;padding:2rem}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.section-header h3{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.3px}.filter-tabs{background:#0000004d;flex-wrap:wrap;gap:.5rem;padding:.25rem}.filter-tab{background:#0000;color:#ffffffb3;color:var(--text-secondary);font-size:.85rem;padding:.5rem 1rem}.filter-tab:hover{background:#ffffff0d;color:#fff;color:var(--text-primary)}.filter-tab.active{background:#f04000;background:var(--accent)}.shops-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.shop-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #f0400033;border:1px solid var(--glass-border);padding:1.5rem}.shop-card:hover{border-color:#f04000;border-color:var(--accent);box-shadow:0 8px 30px #0000004d;transform:translateY(-4px)}.shop-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.shop-header h3{color:#fff;color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;letter-spacing:-.3px}.plan-badge{border-radius:6px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.35rem .85rem}.plan-badge.pro{background:linear-gradient(135deg,gold,#ff8c00);color:#000}.plan-badge.basic{background:#2196f326;border:1px solid #2196f34d;color:#2196f3;color:var(--info)}.shop-details{border-bottom:1px solid #f0400033;border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1.25rem}.detail-row{align-items:center;display:flex;font-size:.85rem;gap:1rem;justify-content:space-between}.detail-label{color:#ffffffb3;color:var(--text-secondary);font-weight:500;min-width:60px}.detail-value{color:#fff;color:var(--text-primary);flex:1 1;text-align:right}.status-badge{border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.25rem .75rem}.status-badge.active{background:#4caf5026;color:#4caf50;color:var(--success)}.status-badge.inactive{background:#f4433626;color:#f44336;color:var(--error)}.status-badge.pending{background:#ff980026;color:#ff9800;color:var(--warning)}.subscription-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.subscription-row{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.subscription-row .label{color:#ffffffb3;color:var(--text-secondary);font-weight:500}.subscription-row .value{color:#fff;color:var(--text-primary);font-weight:600}.expiry-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:.3rem .85rem;text-transform:uppercase}.expiry-badge.active{background:#4caf5026;color:#4caf50;color:var(--success)}.expiry-badge.expired{background:#f4433626;color:#f44336;color:var(--error)}.shop-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.shop-actions .action-btn{font-size:.85rem;justify-content:center;padding:.65rem 1rem}.action-btn.manage{background:#f04000;background:var(--accent);color:#fff}.action-btn.manage:hover{background:#ff5722;background:var(--accent-hover);box-shadow:0 4px 15px #f040004d}.action-btn.plan{background:#0000;border:1px solid #f0400033;border:1px solid var(--glass-border);color:#fff;color:var(--text-primary)}.action-btn.plan:hover{background:#ffffff0d;border-color:#f04000;border-color:var(--accent);color:#f04000;color:var(--accent)}.view-all-section{align-items:center;border-top:1px solid #f0400033;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:2rem;text-align:center}.view-all-section p{color:#ffffffb3;color:var(--text-secondary);font-size:.9rem}.view-all-btn{align-items:center;background:#0000;border:1px solid #f0400033;border:1px solid var(--glass-border);border-radius:8px;color:#f04000;color:var(--accent);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.view-all-btn:hover{background:#f040001a;border-color:#f04000;border-color:var(--accent);transform:translateY(-2px)}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;padding:1rem;z-index:2000}.modal-content{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000004d;background:var(--glass-bg);border:1px solid #f0400033;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:550px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #f0400033;border-bottom:1px solid var(--glass-border);padding:1.5rem 2rem}.modal-header h2{color:#fff;color:var(--text-primary);font-size:1.4rem;font-weight:600;letter-spacing:-.3px}.close-btn{background:#0000;border-radius:6px;color:#ffffffb3;color:var(--text-secondary);font-size:1.5rem;height:36px;transition:all .3s ease;width:36px}.close-btn:hover{background:#f4433626;color:#f44336;color:var(--error)}.modal-body{gap:2rem;padding:2rem}.modal-body,.shop-info{display:flex;flex-direction:column}.shop-info{background:#0000004d;border:1px solid #f0400033;border:1px solid var(--glass-border);border-radius:12px;gap:.75rem;padding:1.5rem}.info-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.info-row .label{color:#ffffffb3;color:var(--text-secondary);font-weight:500}.info-row .value{color:#fff;color:var(--text-primary);font-weight:600}.action-section{display:flex;flex-direction:column;gap:1rem}.action-section h3{color:#fff;color:var(--text-primary);font-size:1rem;margin:0}.input-group{gap:.75rem}.input-group input{background:#0006;border:1px solid #f0400033;border:1px solid var(--glass-border);border-radius:8px;color:#fff;color:var(--text-primary);font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease}.input-group input:focus{border-color:#f04000;border-color:var(--accent);box-shadow:0 0 0 3px #f040001a}.input-group .action-btn{padding:.75rem 1.5rem}.action-btn.extend{background:#4caf50;background:var(--success);color:#fff}.action-btn.extend:hover{background:#45a049;box-shadow:0 4px 15px #4caf504d}.action-btn.custom{background:#2196f3;background:var(--info);color:#fff}.action-btn.custom:hover{background:#1976d2;box-shadow:0 4px 15px #2196f34d}.admin-dashboard.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{animation:pulse 1.5s ease-in-out infinite;color:#f04000;color:var(--accent);font-size:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.coming-soon-view{align-items:center;display:flex;justify-content:center;min-height:60vh}.coming-soon-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;background:var(--glass-bg);border:1px solid #f0400033;border:1px solid var(--glass-border);border-radius:16px;max-width:500px;padding:3rem;text-align:center}.coming-soon-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.coming-soon-content h2{color:#fff;color:var(--text-primary);font-size:1.8rem;font-weight:600;margin-bottom:1rem}.coming-soon-content p{color:#ffffffb3;color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.back-to-dashboard{background:#f04000;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.85rem 2rem;transition:all .3s ease}.back-to-dashboard:hover{background:#ff5722;background:var(--accent-hover);box-shadow:0 8px 20px #f040004d;transform:translateY(-2px)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.shops-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.admin-header{height:auto;min-height:70px}.header-content{padding:1rem}.header-content,.header-left{flex-direction:column;gap:1rem}.header-left{height:auto;width:100%}.main-nav{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;width:100%}.nav-item{font-size:.85rem;height:auto;padding:.65rem 1.25rem}.admin-actions{justify-content:space-between;width:100%}.admin-main{padding:200px 1rem 1rem}.view-header{align-items:flex-start;flex-direction:column;gap:1rem}.view-actions{flex-direction:column;width:100%}.action-btn{justify-content:center;width:100%}.shops-grid,.stats-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.filter-tabs{overflow-x:auto;width:100%}.shop-actions{grid-template-columns:1fr}.modal-content{margin:1rem}.modal-body{padding:1.5rem}.input-group{flex-direction:column}}@media (max-width:480px){.admin-logo{font-size:1.3rem}.view-header h2{font-size:1.5rem}.stat-value{font-size:2rem}.shop-card{padding:1.25rem}}.applications-page{background:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.applications-header{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-content{max-width:1200px}.refresh-btn{font-weight:500;padding:8px 16px}.applications-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;padding:20px}.stat-item.pending{border-left-color:#f39c12}.stat-item.approved{border-left-color:#27ae60}.stat-item.rejected{border-left-color:#e74c3c}.filter-tabs{border-bottom:1px solid #e2e8f0;margin:0 auto;max-width:1200px;padding:0 20px 20px}.filter-tab{border-bottom:3px solid #0000;padding:12px 20px}.filter-tab.active{border-bottom-color:#667eea;color:#667eea}.applications-main{margin:0 auto;max-width:1200px;padding:20px}.applications-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.application-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;transition:all .3s ease}.application-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.card-header h3{color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0}.status-badge{border-radius:20px;font-size:11px;letter-spacing:.5px;padding:4px 12px}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.applicant-info{display:flex;flex-direction:column;gap:8px}.info-item .label,.info-item .value{font-size:14px}.application-notes{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;margin-top:15px;padding:12px}.application-notes strong{color:#333;font-size:14px}.application-notes p{color:#666;font-size:14px;line-height:1.4;margin:5px 0 0}.card-actions{gap:10px}.action-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;min-width:100px;padding:8px 16px;transition:all .3s ease}.approve-btn{background:#27ae60;color:#fff}.approve-btn:hover{background:#219653;transform:translateY(-1px)}.reject-btn{background:#e74c3c;color:#fff}.reject-btn:hover{background:#c0392b;transform:translateY(-1px)}.approved-info,.rejected-info{border-radius:6px;flex:1 1;padding:8px;text-align:center}.success-text{color:#27ae60}.error-text,.success-text{font-size:14px;font-weight:600}.error-text{color:#e74c3c}.approval-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.approval-info p{color:#555;font-size:14px;margin:5px 0}.approval-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:20px;padding:15px}.approval-notice h4{color:#856404;font-size:16px;margin:0 0 10px}.approval-notice p{color:#856404;font-size:14px;line-height:1.4;margin:8px 0}.approval-notice ul{color:#856404;margin:10px 0;padding-left:20px}.approval-notice li{font-size:14px;margin:5px 0}.warning-text{color:#e74c3c!important;font-weight:600}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions .action-btn{min-width:120px;padding:10px 20px}.modal-actions .action-btn.primary{background:#667eea;color:#fff}.modal-actions .action-btn.primary:hover:not(:disabled){background:#5a6fd8}.modal-actions .action-btn.secondary{background:#e2e8f0;color:#333}.modal-actions .action-btn.secondary:hover:not(:disabled){background:#cbd5e0}.modal-actions .action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.header-content{flex-direction:column;gap:15px;text-align:center}.header-left{flex-direction:column;gap:10px}.applications-stats{grid-template-columns:repeat(2,1fr);padding:15px}.filter-tabs{overflow-x:auto;padding:0 15px 15px}.applications-grid{grid-template-columns:1fr}.applications-main{padding:15px}.modal-content{margin:10px}.info-item,.modal-actions{flex-direction:column}.info-item{align-items:flex-start;gap:2px}}@media (max-width:480px){.applications-stats{grid-template-columns:1fr}.stat-number{font-size:28px}.application-card{padding:15px}.card-actions{flex-direction:column}.action-btn{min-width:auto}}.shop-management{background:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.shop-header{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:20px}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:20px}.back-btn{background:#f1f5f9;border:none;border-radius:6px;color:#666;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.back-btn:hover{background:#e2e8f0;color:#333}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:24px;font-weight:700;margin:0}.header-actions{display:flex;gap:12px}.create-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s ease}.create-btn:hover{background:#219653}.refresh-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s ease}.refresh-btn:hover{background:#5a6fd8}.shop-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1400px;padding:20px}.stat-item{background:#fff;border-left:4px solid #667eea;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center}.stat-item.active{border-left-color:#27ae60}.stat-item.expired{border-left-color:#e74c3c}.stat-item.pro{border-left-color:#9b59b6}.stat-item.basic{border-left-color:#f39c12}.stat-item.expiring{border-left-color:#e67e22}.stat-number{color:#333;font-size:32px;font-weight:700;margin-bottom:5px}.stat-label{color:#666;font-size:14px;font-weight:500}.controls-section{align-items:center;display:flex;gap:20px;margin:0 auto;max-width:1400px;padding:0 20px 20px}.search-box{flex:1 1;max-width:400px;position:relative}.search-input{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 45px 12px 16px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#667eea;outline:none}.search-icon{color:#666;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.filter-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:8px;padding:4px}.filter-tab{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{color:#333}.filter-tab.active{background:#667eea;color:#fff}.shops-main{margin:0 auto;max-width:1400px;padding:20px}.empty-state{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:60px 40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:#333;font-size:20px;margin-bottom:10px}.empty-state p{color:#666;font-size:16px;margin-bottom:20px}.clear-search-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.clear-search-btn:hover{background:#5a6fd8}.shops-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.shop-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;transition:all .3s ease}.shop-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.shop-card.suspended{background:#f8f9fa;border-color:#e74c3c;opacity:.7}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.shop-title{flex:1 1}.shop-title h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.suspended-badge{background:#e74c3c;border-radius:4px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.plan-badge-container{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.plan-badge{border-radius:4px;font-size:10px;font-weight:700;padding:4px 8px;text-transform:uppercase}.plan-badge.pro{background:#9b59b6;color:#fff}.plan-badge.basic{background:#f39c12;color:#fff}.status-badge{border-radius:4px;font-size:9px;font-weight:700;padding:2px 6px;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.expired{background:#f8d7da;color:#721c24}.card-content,.owner-info,.subscription-info{margin-bottom:15px}.owner-info h4,.subscription-info h4{color:#333;font-size:14px;font-weight:600;margin:0 0 10px}.info-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.info-item{align-items:center;display:flex;justify-content:space-between}.info-item .label{color:#666;font-size:12px;font-weight:500}.info-item .value{color:#333;font-size:12px;font-weight:600}.info-item .value.warning{color:#e74c3c;font-weight:700}.info-item .value.success{color:#27ae60;font-weight:700}.info-item .status{border-radius:4px;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.info-item .status.active{background:#d4edda;color:#155724}.info-item .status.suspended{background:#f8d7da;color:#721c24}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.card-actions .action-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;min-width:70px;padding:8px 12px;transition:all .3s ease}.card-actions .action-btn.manage{background:#3498db;color:#fff}.card-actions .action-btn.plan{background:#9b59b6;color:#fff}.card-actions .action-btn.suspend{background:#e74c3c;color:#fff}.card-actions .action-btn.activate{background:#27ae60;color:#fff}.card-actions .action-btn:hover{opacity:.9;transform:translateY(-1px)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-content.large{max-width:600px}.modal-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#333;font-size:20px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{background:#f1f5f9;color:#333}.modal-tabs{border-bottom:1px solid #e1e5e9;display:flex;padding:0 20px}.modal-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.modal-tab:hover{color:#333}.modal-tab.active{border-bottom-color:#667eea;color:#667eea}.modal-body{padding:20px}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.current-subscription,.owner-details,.quick-actions{margin-bottom:20px}.current-subscription h3,.owner-details h3,.quick-actions h3{color:#333;font-size:16px;margin:0 0 15px}.subscription-details p{align-items:center;color:#555;display:flex;font-size:14px;gap:8px;margin:8px 0}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#333;font-size:14px;font-weight:600}.detail-item .monospace{background:#f8f9fa;border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.action-section{margin-bottom:25px}.action-section h3{color:#333;font-size:14px;font-weight:600;margin:0 0 15px}.input-group{display:flex;gap:10px}.input-group input{border:2px solid #e1e5e9;border-radius:6px;flex:1 1;font-size:14px;padding:10px;transition:border-color .3s ease}.input-group input:focus{border-color:#667eea;outline:none}.modal-body .action-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.modal-body .action-btn.extend{background:#27ae60;color:#fff}.modal-body .action-btn.custom{background:#f39c12;color:#fff}.modal-body .action-btn:hover{opacity:.9;transform:translateY(-1px)}.quick-actions .action-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.quick-action-btn{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:15px;text-align:left;transition:all .3s ease}.quick-action-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.quick-action-btn .icon{font-size:20px;text-align:center;width:30px}.quick-action-btn.plan:hover{border-color:#9b59b6}.quick-action-btn.extend:hover{border-color:#27ae60}.quick-action-btn.custom:hover{border-color:#f39c12}.create-form{gap:16px}.create-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input,.form-group select{border:2px solid #e1e5e9;border-radius:6px;font-size:14px;padding:10px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.form-actions .action-btn.secondary{background:#e2e8f0;color:#333}.form-actions .action-btn.primary{background:#667eea;color:#fff}.form-actions .action-btn:hover{opacity:.9;transform:translateY(-1px)}.loading{justify-content:center;min-height:400px}.loading,.loading-spinner{align-items:center;display:flex}.loading-spinner{color:#666;font-size:18px;gap:10px}.loading-spinner:before{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;content:"";height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.shops-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media (max-width:968px){.header-content{flex-direction:column;gap:15px;text-align:center}.controls-section{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-tabs{justify-content:flex-start;overflow-x:auto}}@media (max-width:768px){.shop-stats{grid-template-columns:repeat(2,1fr);padding:15px}.shops-grid{grid-template-columns:1fr}.modal-content.large{max-width:500px}.details-grid,.form-row,.info-grid{grid-template-columns:1fr}}@media (max-width:480px){.shop-stats{grid-template-columns:1fr}.header-actions{flex-direction:column;width:100%}.create-btn,.refresh-btn{width:100%}.modal-content{margin:10px}.input-group,.modal-tabs{flex-direction:column}}
/*# sourceMappingURL=main.338ea249.css.map*/