@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700;900&display=swap";:root{--color-bg-dark:#000;--color-bg-card:#141414;--color-bg-elevated:#1a1a1a;--color-fuchsia:#ff007f;--color-fuchsia-hover:#d6006b;--color-aqua:#00e5ff;--color-aqua-hover:#00b3cc;--color-text-main:#fff;--color-text-muted:#9ca3af;--font-sans:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-dark);color:var(--color-text-main);scroll-behavior:smooth;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans);border:none;outline:none}ul{list-style:none}::selection{background:var(--color-fuchsia);color:#fff}.text-fuchsia{color:var(--color-fuchsia)}.text-aqua{color:var(--color-aqua)}.text-glow-fuchsia{text-shadow:0 0 30px #ff007f66}.text-glow-aqua{text-shadow:0 0 30px #00e5ff66}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#14141480;border:1px solid #ffffff0d;border-radius:12px}.btn-fuchsia{background-color:var(--color-fuchsia);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-fuchsia:hover{background-color:var(--color-fuchsia-hover);transform:translateY(-2px);box-shadow:0 0 25px #ff007f66}.btn-fuchsia:active{transform:translateY(0);box-shadow:0 0 10px #ff007f33}.btn-aqua{background-color:var(--color-aqua);color:#000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-aqua:hover{background-color:var(--color-aqua-hover);transform:translateY(-2px);box-shadow:0 0 25px #00e5ff66}.btn-aqua:active{transform:translateY(0);box-shadow:0 0 10px #00e5ff33}.btn-outline-aqua{border:2px solid var(--color-aqua);color:var(--color-aqua);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-weight:700;transition:all .3s;display:inline-flex}.btn-outline-aqua:hover{background:#00e5ff1a;box-shadow:0 0 20px #00e5ff33}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:100px 0}.section-title{text-align:center;text-transform:uppercase;margin-bottom:10px;font-size:2.5rem;font-weight:700}.section-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:50px;font-size:1.1rem}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#0a0a0acc;border-bottom:1px solid #ffffff0d;position:fixed;top:0;left:0;right:0}.navbar-content{justify-content:space-between;align-items:center;height:80px;display:flex}.logo span{transition:transform .3s;display:inline-block}.logo:hover span{transform:scale(1.05)}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:var(--color-text-muted);font-size:.875rem;font-weight:500;transition:color .3s}.nav-links a:hover:not(.btn-fuchsia){color:#fff}.mobile-menu{background:0 0;display:none}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:90vh;padding-top:120px;padding-bottom:120px;display:flex;position:relative}.hero-content{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:1000px;margin:0 auto;display:flex;position:relative}.hero-badge{background:#00e5ff0d;border:1px solid #00e5ff4d;border-radius:30px;align-items:center;gap:8px;margin-bottom:30px;padding:6px 16px;display:inline-flex}.hero-badge span{color:var(--color-aqua);letter-spacing:2px;text-transform:uppercase;font-size:.875rem;font-weight:700}.hero-title{letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:0 0 30px #fff3;margin-bottom:24px;font-size:clamp(2rem,5.5vw,3.8rem);font-weight:900;line-height:1.1}.hero-subtitle{color:var(--color-text-muted);max-width:700px;margin:0 auto 48px;font-size:1.25rem;font-weight:300;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:80px;display:flex}.hero-glow-center{z-index:1;pointer-events:none;background:radial-gradient(circle,#ff007f0d 0%,#00e5ff0d 50%,#0000 100%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-constellation{display:none}@keyframes pulse-constellation{0%{opacity:.1}to{opacity:.3}}.hero-stats{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:800px;margin:0 auto;display:grid}.stat-item{text-align:left;cursor:default;background:#14141480;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:border-color .3s;display:flex}.stat-item:hover{border-color:#ff007f80}.stat-item:nth-child(2):hover{border-color:#00e5ff80}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;transition:background .3s;display:flex}.stat-icon.fuchsia{background:#ff007f1a}.stat-item:hover .stat-icon.fuchsia{background:#ff007f33}.stat-icon.aqua{background:#00e5ff1a}.stat-item:hover .stat-icon.aqua{background:#00e5ff33}.stat-text{flex-direction:column;display:flex}.stat-text strong{color:#fff;font-size:1.125rem;font-weight:700;line-height:1.2}.stat-text span{color:var(--color-text-muted);font-size:.875rem}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:40px;display:flex}.filter-btn{background:var(--color-bg-elevated);color:#fff;border:1px solid #ffffff1a;border-radius:30px;padding:8px 20px;transition:all .3s}.filter-btn.active,.filter-btn:hover{background:var(--color-fuchsia);border-color:var(--color-fuchsia);box-shadow:0 0 15px #ff007f4d}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.portfolio-card{border-radius:12px;transition:transform .3s;overflow:hidden}.portfolio-card:hover{transform:translateY(-5px)}.portfolio-img-container{height:250px;position:relative;overflow:hidden}.placeholder-img{background-position:50%;background-size:cover;background-color:var(--color-bg-elevated);width:100%;height:100%;transition:transform .5s}.portfolio-card:hover .placeholder-img{transform:scale(1.05)}.portfolio-overlay{opacity:0;background:#00000080;justify-content:space-between;align-items:flex-start;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-overlay{opacity:1}.metrics-badge{background:var(--color-fuchsia);color:#fff;border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:600}.btn-icon{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex}.btn-icon:hover{background:var(--color-aqua);color:#000}.portfolio-info{background:#14141480;padding:20px}.portfolio-info h3{margin-bottom:5px;font-size:1.2rem;font-weight:700}.portfolio-info p{color:var(--color-text-muted);font-size:.9rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;gap:30px;display:grid}.pricing-card{flex-direction:column;padding:40px 30px;transition:transform .3s;display:flex;position:relative}.pricing-card:hover{border-color:#00e5ff4d;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.pricing-card.recommended{border-color:var(--color-fuchsia);transform:scale(1.05);box-shadow:0 0 20px #ff007f1a}.pricing-card.recommended:hover{border-color:var(--color-fuchsia);transform:scale(1.05)translateY(-5px);box-shadow:0 10px 30px #ff007f33}.recommended-badge{background:var(--color-fuchsia);color:#fff;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:5px 15px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:10px;font-size:1.8rem;font-weight:700}.target-audience{color:var(--color-text-muted);min-height:40px;font-size:.9rem}.price{color:#fff;margin:20px 0;font-size:2.5rem;font-weight:900}.features-list{flex-direction:column;gap:15px;margin-top:20px;display:flex}.features-list li{align-items:center;gap:10px;font-size:.95rem;display:flex}.configurator-layout{grid-template-columns:2fr 1fr;gap:40px;display:grid}.step{margin-bottom:30px;padding:30px}.step h3{margin-bottom:20px;font-size:1.2rem;font-weight:700}.package-selector{gap:20px;display:flex}.pkg-option{cursor:pointer;text-align:center;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:20px;transition:all .3s;position:relative}.pkg-option:hover{border-color:var(--color-aqua);background:#00e5ff0d}.pkg-option.selected{border-color:var(--color-fuchsia);background:#ff007f1a}.pkg-name{margin-bottom:5px;font-weight:700}.pkg-price{color:var(--color-text-muted)}.check-icon{color:var(--color-fuchsia);position:absolute;top:10px;right:10px}.addons-list{flex-direction:column;gap:15px;display:flex}.addon-item{cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:15px 20px;transition:all .3s;display:flex}.addon-item:hover{border-color:var(--color-aqua)}.addon-item.selected{border-color:var(--color-aqua);background:#00e5ff0d}.addon-info{flex-direction:column;display:flex}.addon-name{font-weight:500}.addon-price{color:var(--color-aqua);font-size:.9rem;font-weight:700}.addon-btn{color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s;display:flex}.addon-item.selected .addon-btn{background:var(--color-aqua);color:#000;border-color:var(--color-aqua)}.summary-card.sticky{padding:30px;position:sticky;top:100px}.summary-card h3{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;font-size:1.2rem;font-weight:700;display:flex}.summary-items{flex-direction:column;gap:15px;margin-bottom:20px;display:flex}.summary-item{justify-content:space-between;font-size:.95rem;display:flex}.summary-item.base{color:#fff;font-weight:700}.summary-item.addon{color:var(--color-text-muted)}.summary-total{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:10px;padding-top:15px;font-size:1.5rem;font-weight:900;display:flex}.summary-note{color:var(--color-text-muted);text-align:center;font-size:.8rem}.checkout-layout{grid-template-columns:1fr 1fr;gap:40px;display:grid}.checkout-terms{padding:30px}.checkout-terms h3{align-items:center;gap:10px;margin-bottom:15px;font-weight:700;display:flex}.term-box{border-left:3px solid var(--color-fuchsia);background:#0000004d;border-radius:8px;margin:15px 0;padding:15px}.term-box h4{margin-bottom:5px;font-size:.9rem;font-weight:700}.term-box p{color:var(--color-text-muted);font-size:.9rem}.checklist h4{margin:20px 0 10px;font-weight:700}.checklist ul{flex-direction:column;gap:10px;display:flex}.checklist li{color:var(--color-text-muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.checkout-form{padding:30px}.checkout-form h3{align-items:center;gap:10px;margin-bottom:25px;font-weight:700;display:flex}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{color:#fff;width:100%;font-family:var(--font-sans);background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:15px}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-aqua);outline:none}.payment-methods{flex-direction:column;gap:10px;margin-top:10px;margin-bottom:25px;display:flex}.payment-methods .icons{align-items:center;gap:10px;display:flex}.w-full{width:100%}.footer{background:#0a0a0acc;border-top:1px solid #ffffff0d;margin-top:50px;padding:60px 0 30px}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-logo p{color:var(--color-text-muted);max-width:300px;margin-top:15px;font-weight:300}.footer-links h4,.footer-legal h4{color:#fff;margin-bottom:20px;font-weight:700}.footer-links ul,.footer-legal ul{flex-direction:column;gap:10px;display:flex}.footer-links a,.footer-legal a{color:var(--color-text-muted);font-size:.9rem;transition:color .3s}.footer-links a:hover,.footer-legal a:hover{color:var(--color-fuchsia)}.footer-bottom{text-align:center;color:var(--color-text-muted);border-top:1px solid #ffffff0d;padding-top:20px;font-size:.9rem}.nav-logo-img{object-fit:contain;mix-blend-mode:screen;width:auto;height:38px}.nav-logo-text{letter-spacing:2px;margin-left:6px;font-size:1.1rem;font-weight:900}@media (width<=900px){.hero-stats{grid-template-columns:1fr}.hero-title{letter-spacing:1.5px;font-size:2.5rem}.hero-title .subtitle-part{font-size:1.5rem}.configurator-layout,.checkout-layout{grid-template-columns:1fr}.summary-card.sticky{margin-top:30px;position:static}.pricing-card.recommended{transform:scale(1)}.pricing-card.recommended:hover{transform:translateY(-5px)}.nav-links{display:none}.nav-links.mobile-open{text-align:center;background:#0a0a0af2;border-bottom:1px solid #ffffff1a;flex-direction:column;padding:20px;display:flex;position:absolute;top:80px;left:0;right:0}.nav-links.mobile-open a{padding:10px;font-size:1.1rem}.mobile-menu{display:block}.footer-content{grid-template-columns:1fr;gap:30px}}@media (width<=600px){.nav-logo-img{height:26px}.nav-logo-text{letter-spacing:1px;margin-left:4px;font-size:.9rem}.hero-title{letter-spacing:1px;margin-bottom:16px;font-size:1.65rem}.hero-title .subtitle-part{font-size:1.1rem}.hero-subtitle{margin-bottom:30px;font-size:.95rem}.hero-actions{flex-direction:column;gap:12px;margin-bottom:40px}.package-selector{flex-direction:column}.btn-fuchsia,.btn-outline-aqua{width:100%}}