:root{--primary:#e6be00;--secondary:#00a8cc;--accent:#673ab7;--night-dark:hsla(233, 50%, 31%, 0.7);--night-mid:hsla(233, 50%, 31%, 0.4);--night-fade:hsla(233, 50%, 31%, 0.0);--day-bright:rgba(230, 190, 0, 0.6);--day-mid:rgba(230, 190, 0, 0.3);--day-fade:rgba(230, 190, 0, 0.0);--dark:#111111;--darker:#0a0a0a;--light:#ffffff;--text:#e0e0e0;--gradient-start:rgba(102, 56, 183, 1);--gradient-mid:rgba(0, 175, 204, 1);--gradient-end:rgba(230, 190, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;margin:0;padding:0;background:var(--darker);color:var(--text);min-height:100vh;overflow-x:hidden;position:relative}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 0 50%,var(--night-dark) 0,var(--night-mid) 30%,var(--night-fade) 80%);z-index:-2;opacity:.9}body::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 100% 50%,var(--day-bright) 0,var(--day-mid) 30%,var(--day-fade) 80%);z-index:-2;opacity:.9}.container{max-width:1600px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width:640px){.sm\:grid-cols-1{grid-template-columns:1fr}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}#particles-js{position:absolute!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:1!important;opacity:.7!important;pointer-events:none!important;margin:0!important;padding:0!important;float:none!important;display:block!important;visibility:visible!important;overflow:visible!important}#particles-js canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:0!important;margin:0!important;padding:0!important;float:none!important;display:block!important;visibility:visible!important}.hero-parallax .scroll-indicator{display:none!important}.portfolio-preview-section .container,.tech-stack-section .container{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.tech-categories{width:100%!important;max-width:1600px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important}.tech-category{width:100%!important;text-align:center!important}.tech-icons{justify-content:center!important;align-items:center!important;margin:0 auto!important;display:flex!important;flex-wrap:wrap!important;gap:2rem!important}.tech-icon{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-width:120px!important;min-height:120px!important;margin:0 auto!important;padding:1.5rem!important;box-sizing:border-box!important}.tech-icon i{display:block!important;margin:0 auto!important;text-align:center!important}.tech-name{display:block!important;margin:.5rem auto 0!important;text-align:center!important;width:100%!important}.portfolio-grid{justify-content:center!important;align-items:stretch!important;margin:0 auto!important;max-width:1600px!important}.portfolio-card{margin:0 auto!important}.portfolio-tags{justify-content:center!important;align-items:center!important;text-align:center!important;margin-bottom:2rem!important}.portfolio-tag{margin:0 auto!important}@media (prefers-reduced-motion:reduce){#particles-js{opacity:.5!important}#particles-js canvas{animation:none!important}}@media (max-width:768px){.hero-parallax{height:50vh!important;min-height:50vh!important;max-height:50vh!important}.hero-parallax .hero-content{padding:0 1rem!important}.hero-parallax .hero-badge{margin-bottom:1.5rem!important}.hero-parallax .hero-badge .badge{font-size:clamp(.8rem, 2.5vw, 1rem)!important;padding:.6rem 1.2rem!important}.hero-parallax .hero-title{margin-bottom:1rem!important;font-weight:700!important}.hero-parallax .hero-actions{flex-direction:column!important;align-items:center!important;gap:1rem!important;margin-bottom:2rem!important}.hero-parallax .hero-actions .btn{width:100%!important;max-width:300px!important;padding:1rem 1.5rem!important;font-size:clamp(.95rem, 2.5vw, 1.1rem)!important}.hero-parallax .hero-stats .stats-grid{justify-content:center!important;gap:1rem!important}.hero-parallax .hero-stats .stat-number{font-size:clamp(1.4rem, 4.5vw, 1.7rem)!important}.hero-parallax .hero-stats .stat-label{font-size:clamp(.7rem, 2.2vw, .8rem)!important}.portfolio-grid{grid-template-columns:1fr!important;gap:1.5rem!important;padding:0 1rem!important}.tech-icons{gap:1.5rem!important;justify-content:center!important;align-items:center!important}.tech-icon{min-width:100px!important;min-height:100px!important;padding:1rem!important}.newsletter-form{max-width:100%!important;padding:0 1rem!important}.newsletter-form .form-group{flex-direction:column!important;gap:0!important}.newsletter-form .form-input{padding:1rem 1.25rem!important;border-radius:12px 12px 0 0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.newsletter-form .btn{border-radius:0 0 12px 12px!important;padding:1rem!important;width:100%!important}}.hero-parallax .hero-content,.section-hero .hero-content{position:relative!important;z-index:2!important;flex-shrink:0!important;width:100%!important;max-width:1600px!important;padding:0 2rem!important;text-align:center!important}.hero-parallax .stagger-children>*,.section-hero .stagger-children>*{opacity:1!important;transform:none!important;animation:none!important}.hero-parallax .hero-badge,.section-hero .hero-badge{margin-bottom:2.5rem!important;display:flex!important;justify-content:center!important}.hero-parallax .hero-badge .badge,.section-hero .hero-badge .badge{font-size:clamp(.85rem, 1.8vw, 1.1rem)!important;padding:.75rem 1.5rem!important}.hero-parallax .hero-title,.section-hero .hero-title{text-shadow:2px 2px 8px rgba(0,0,0,.7),0 0 20px rgba(0,0,0,.5)!important;font-size:clamp(2.5rem, 6vw, 4.5rem)!important;line-height:1.05!important;margin-bottom:1.25rem!important;text-align:center!important;font-weight:800!important}.hero-parallax .hero-actions,.section-hero .hero-actions{gap:1.5rem!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;margin-bottom:2.5rem!important}.hero-parallax .hero-actions .btn,.section-hero .hero-actions .btn{padding:1.1rem 2.5rem!important;font-size:clamp(1rem, 2vw, 1.2rem)!important;font-weight:600!important;border-radius:8px!important}.hero-parallax .hero-stats,.section-hero .hero-stats{margin-bottom:0!important;padding:0!important}.hero-parallax .hero-stats .stats-grid,.section-hero .hero-stats .stats-grid{display:flex!important;justify-content:space-around!important;align-items:center!important;flex-wrap:wrap!important}.hero-parallax .hero-stats .stat-item,.section-hero .hero-stats .stat-item{padding:0!important;min-width:auto!important;text-align:center!important}.hero-parallax .hero-stats .stat-number,.section-hero .hero-stats .stat-number{font-size:clamp(1.5rem, 3.2vw, 2.2rem)!important;margin-bottom:.25rem!important;font-weight:700!important;line-height:1!important}.hero-parallax .hero-stats .stat-label,.section-hero .hero-stats .stat-label{font-size:clamp(.7rem, 1.4vw, .85rem)!important;opacity:.85!important;line-height:1.2!important}.hero-parallax{position:relative!important;overflow:hidden!important;background:0 0!important;height:50vh!important;min-height:50vh!important;max-height:50vh!important;display:flex!important;align-items:center!important;justify-content:center!important}header{background:rgba(10,10,10,.7);color:var(--light);padding:15px 0;position:fixed;width:100%;top:0;z-index:10;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-bottom:1px solid rgba(230,190,0,.1)}.logo{font-size:1.5rem;font-weight:700;padding:10px 0;display:inline-block;color:var(--primary);letter-spacing:1px;font-family:Montserrat,sans-serif}main{margin-top:80px}.coming-soon{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;text-align:center;padding:60px 0 40px}.logo-container{margin-bottom:40px;position:relative;z-index:1}.logo-container::before{content:'';position:absolute;width:130%;height:130%;top:50%;left:40%;transform:translate(-50%,-50%);z-index:0;filter:blur(25px)}.logo-container::after{content:'';position:absolute;width:130%;height:130%;top:50%;left:60%;transform:translate(-50%,-50%);z-index:0;filter:blur(25px)}.logo-image{max-width:380px;width:100%;height:auto;position:relative;z-index:2}.glow-text{margin:30px 0;position:relative}.title-text{font-size:5rem;font-weight:900;text-transform:uppercase;letter-spacing:12px;color:transparent;font-family:Montserrat,sans-serif;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end));background-size:200% auto;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite gradient;margin-bottom:20px;position:relative;text-shadow:0 0 40px rgba(230,190,0,.4)}.title-text::after{content:attr(class);position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end));background-size:200% auto;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite gradient;z-index:-1;filter:blur(60px);opacity:.8}.animated-text{font-size:1.3rem;margin-bottom:50px;max-width:700px;line-height:1.7;animation:1s ease-in fadeIn;font-weight:300}.notification-container{margin:0 auto 40px;opacity:0;animation:1s ease-in .5s forwards fadeIn;width:100%;max-width:650px}.notification-box{background:rgba(0,0,0,.3);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:50px;padding:20px 30px;box-shadow:0 15px 35px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.notification-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(103,58,183,.1) 0,rgba(0,168,204,.1) 50%,rgba(230,190,0,.1) 100%);z-index:-1}.notification-title{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:20px;text-transform:uppercase;letter-spacing:3px;text-align:center}.social-icons{display:flex;gap:15px;margin:30px 0;justify-content:center}.social-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.05);color:var(--light);font-size:1.1rem;transition:.3s;border:1px solid rgba(255,255,255,.1);text-decoration:none}.social-icon:hover{transform:translateY(-5px);background:var(--primary);color:var(--dark);box-shadow:0 10px 20px rgba(0,0,0,.2)}#contactForm{width:100%;position:relative;z-index:1;box-sizing:border-box}.form-container{position:relative;width:100%}.form-container .form-group{position:relative;display:flex;align-items:center;background:rgba(0,0,0,.2);border-radius:15px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 2px 5px rgba(0,0,0,.1);box-sizing:border-box;width:100%;padding-top:5px}.form-container input[type=email]{flex:1;padding:15px 10px 15px 0;font-family:Poppins,sans-serif;width:100%;box-sizing:border-box;background:0 0;border:none;color:var(--light);outline:0}.form-container input[type=email]::placeholder{color:rgba(255,255,255,.5)}.cta-btn{background:var(--primary);color:var(--dark);border:none;padding:15px 25px;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;transition:.3s;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px rgba(230,190,0,.3);font-family:Montserrat,sans-serif;white-space:nowrap;box-sizing:border-box;margin-right:5px}.cta-btn:hover{background:#f5cc00;transform:translateY(-2px);box-shadow:0 8px 20px rgba(230,190,0,.4)}.error-message{color:#ff4d4d;font-size:.85rem;margin-top:10px;display:none;text-align:center}#formStatus{margin-top:15px;font-size:.95rem;min-height:24px;text-align:center;display:none}input.error{border-color:#ff4d4d}.insights-section{background:var(--dark-900);position:relative}.section-badge{display:inline-block}.insights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.insight-card{background:var(--dark-800);border-radius:var(--border-radius-xl);overflow:hidden;transition:.4s;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.insight-card:hover{border-color:rgba(230,190,0,.3);box-shadow:0 20px 60px rgba(0,0,0,.4)}.insight-image-container{position:relative;display:block;aspect-ratio:21/9;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#f1f5f9 0,#e2e8f0 100%)}.insight-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s}.insight-card:hover .insight-image{transform:scale(1.05)}.insight-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,var(--primary),gold);color:var(--dark);padding:.5rem 1rem;border-radius:25px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px rgba(230,190,0,.3)}.insight-content{padding:var(--space-xl);display:flex;flex-direction:column;flex:1}.insight-tags{display:flex;gap:.375rem;flex-wrap:wrap}.insight-tag{background:rgba(230,190,0,.1);color:var(--primary);padding:.25rem .625rem;border-radius:20px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}h5.insight-title{font-size:1.25rem!important;font-weight:700;line-height:1.35;margin-bottom:.75rem}.insights-section .insight-title{font-size:.8125rem;line-height:1.3}.insight-title a{color:var(--text-primary);text-decoration:none;transition:color .3s}.insight-title a:hover{color:var(--primary)}.insight-excerpt{color:var(--text-muted);line-height:1.6;margin-bottom:auto;font-size:.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2;box-orient:vertical}.insight-meta{display:flex;gap:1rem;margin-bottom:1rem;padding-top:.875rem;border-top:1px solid rgba(255,255,255,.05)}.insight-meta .meta-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted)}.insight-meta .meta-item i{color:var(--primary)}.insight-link{display:inline-flex;align-items:center;color:var(--primary);text-decoration:none;font-weight:600;font-size:.875rem;transition:.3s}.insight-link:hover{color:var(--primary-light);gap:.75rem}.insight-link i{transition:transform .3s}.insight-link:hover i{transform:translateX(4px)}.newsletter-form{width:100%;max-width:500px;margin:0 auto}.newsletter-form .form-group{position:relative;display:flex;align-items:stretch;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:.3s}.newsletter-form .form-group:hover{background:rgba(255,255,255,.08);border-color:rgba(230,190,0,.3)}.newsletter-form .form-group:focus-within{background:rgba(255,255,255,.1);border-color:var(--primary);box-shadow:0 0 0 3px rgba(230,190,0,.1)}.newsletter-form .form-input{flex:1;background:0 0;border:none;padding:1rem 1.25rem;color:var(--light);font-size:1rem;font-family:Poppins,sans-serif;outline:0;border-radius:0}.newsletter-form .form-input::placeholder{color:rgba(255,255,255,.6)}.newsletter-form .btn{border-radius:0 12px 12px 0;padding:1rem 2rem;font-size:.95rem;font-weight:600;white-space:nowrap;border:none;margin:0}.newsletter-form .btn:hover{transform:none}.newsletter-form .form-group:focus-within .btn{background:#f5cc00}#newsletterStatus{text-align:center;font-size:.9rem;margin-top:1rem;min-height:1.5rem;opacity:0;transform:translateY(-10px);transition:.3s}#newsletterStatus.text-success{color:#2ed573;opacity:1;transform:translateY(0)}#newsletterStatus.text-danger{color:#ff4757;opacity:1;transform:translateY(0)}.scroll-indicator{position:relative;margin-top:40px;display:flex;flex-direction:column;align-items:center;animation:2s infinite bounce;opacity:.7;padding:10px;border-radius:30px;background:0 0;cursor:pointer;transition:opacity .3s;left:50%;transform:translateX(-50%)}.scroll-indicator:hover{opacity:1}.mouse{width:20px;height:35px;border:2px solid rgba(230,190,0,.3);border-radius:15px;position:relative}.wheel{position:absolute;width:4px;height:4px;background:rgba(230,190,0,.8);left:50%;transform:translateX(-50%);border-radius:50%;top:8px;animation:1.5s infinite scroll}.scroll-text{font-size:.7rem;color:rgba(230,190,0,.6);letter-spacing:2px;margin-top:5px;text-transform:uppercase}.about-preview{background:linear-gradient(to bottom,rgba(10,10,10,.3) 0,rgba(0,0,0,.7) 70%);padding:100px 0;position:relative;overflow:hidden}.about-preview::before{content:'';position:absolute;width:100%;height:1px;background:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(230,190,0,.3) 50%,rgba(0,0,0,0) 100%);top:0;left:0}.section-heading{text-align:center;font-size:2.2rem;margin-bottom:60px;color:var(--light);font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:3px;position:relative}.highlight{color:var(--primary)}.service-detailed-title{margin-left:20px}.service-cards{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-bottom:50px}.service-cards.second-row{margin-top:20px;margin-bottom:0}.service-card{background:rgba(255,255,255,.02);border-radius:15px;padding:40px 30px;text-align:center;flex:1;min-width:280px;transition:.4s;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:relative;overflow:hidden}.service-card:hover{transform:translateY(-10px);background:rgba(255,255,255,.05);box-shadow:0 15px 30px rgba(0,0,0,.2)}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%);z-index:-1}.service-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:rgba(230,190,0,.1);margin:0 auto 20px;border-radius:50%;font-size:1.8rem;color:var(--primary);position:relative}.service-card:nth-child(2) .service-icon{background:rgba(0,168,204,.1);color:var(--secondary)}.service-card:nth-child(3) .service-icon{background:rgba(103,58,183,.1);color:var(--accent)}.service-icon::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid rgba(230,190,0,.3);animation:2s infinite pulse-ring}.service-card:nth-child(2) .service-icon::after{border-color:rgba(0,168,204,.3)}.service-card:nth-child(3) .service-icon::after{border-color:rgba(103,58,183,.3)}.service-card h3{font-size:1.3rem;margin-bottom:15px;color:var(--light);font-weight:500}.service-card p{color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.6}.highlighted-service{background:linear-gradient(135deg,rgba(64,224,208,.15),rgba(138,43,226,.15));border:2px solid rgba(64,224,208,.3);position:relative;overflow:visible}.highlighted-service::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:17px;z-index:-1;opacity:0;transition:opacity .3s}.highlighted-service:hover::before{opacity:.7}.highlighted-service .service-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 0 20px rgba(64,224,208,.3)}.highlighted-service h3{color:var(--light);font-weight:600}.service-highlight{color:var(--primary);font-weight:400;font-size:.85em;opacity:.8}footer{background:var(--darker);color:rgba(255,255,255,.5);text-align:center;padding:20px 0;position:relative;z-index:1;font-size:.85rem;border-top:1px solid rgba(255,255,255,.05)}@keyframes pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.7}}@keyframes scroll{0%{top:10px;opacity:1}100%{top:30px;opacity:0}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0) translateX(-50%)}40%{transform:translateY(-10px) translateX(-50%)}60%{transform:translateY(-5px) translateX(-50%)}}@keyframes gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.3}}.contact-hero-section{background:linear-gradient(135deg,var(--dark) 0,rgba(102,56,183,.1) 100%);min-height:50vh;display:flex;align-items:center;justify-content:center;padding:6rem 0}.contact-main-section{padding:6rem 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.contact-form{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:2rem;position:relative}.contact-faq-section .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;box-sizing:border-box}.contact-faq-section .faq-item.card{padding:1.5rem;background:rgba(255,255,255,.05)}.contact-faq-section .faq-question{font-size:1.1rem;font-weight:600;color:var(--light);margin-bottom:.75rem}.contact-faq-section .faq-answer{font-size:.9rem;line-height:1.6;color:rgba(224,224,224,.8);margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;align-items:start;width:100%}.contact-form .form-input,.contact-form .form-select,.contact-form .form-textarea,.quote-form .form-input,.quote-form .form-select,.quote-form .form-textarea{padding:.875rem 1rem;font-size:.9rem;width:100%;box-sizing:border-box;display:block}.form-error:not(:empty){display:block}.form-alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:2rem;display:flex;align-items:center;font-weight:500;animation:.3s slideInDown}.form-alert-success{background:rgba(46,213,115,.15);border:1px solid rgba(46,213,115,.3);color:#2ed573}.form-alert-error{background:rgba(255,71,87,.15);border:1px solid rgba(255,71,87,.3);color:#ff4757}.account-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:.3s;pointer-events:none}.account-modal-overlay.active{opacity:1;visibility:visible;pointer-events:all}.account-modal{background:var(--dark);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;transform:scale(.9) translateY(20px);transition:transform .3s;box-shadow:0 20px 60px rgba(0,0,0,.5);pointer-events:auto;position:relative;z-index:1}.account-modal-overlay.active .account-modal{transform:scale(1) translateY(0)}.account-modal-header{text-align:center;margin-bottom:2rem}.account-modal-header h3{color:var(--primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.account-modal-header p{color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.5;margin:0}.account-form .form-group{margin-bottom:1.5rem}.account-form label{display:block;color:var(--primary);font-weight:500;margin-bottom:.5rem;font-size:.9rem}.password-input-group{position:relative;display:flex;align-items:center}.password-input-group .form-input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:0 0;border:none;color:rgba(255,255,255,.6);cursor:pointer;padding:.5rem;transition:color .2s}.password-toggle:hover{color:var(--primary)}.password-strength{margin-top:.5rem;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;display:none}.password-strength.weak{background:rgba(255,107,107,.2);color:#ff6b6b}.password-strength.medium{background:rgba(255,208,125,.2);color:#ffd07d}.password-strength.strong{background:rgba(81,207,102,.2);color:#51cf66}.form-actions{display:flex;gap:1rem}.form-actions .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;border:none;font-size:.9rem;flex:1;min-height:44px;gap:.5rem;position:relative;overflow:visible;min-width:150px}.form-actions .btn i{font-size:1em;line-height:1;flex-shrink:0;margin-right:0}.account-modal .form-actions .btn{white-space:nowrap;overflow:visible;text-overflow:initial;padding:.875rem 1.75rem;min-width:140px}.account-modal .form-actions .btn-primary{background:var(--primary);color:var(--dark);font-weight:600}.account-modal .form-actions .btn-primary:hover{background:#f5cc00;transform:translateY(-1px);box-shadow:0 4px 15px rgba(230,190,0,.3)}@media (max-width:768px){.account-modal .form-actions{flex-direction:column;gap:1rem}.account-modal .form-actions .btn{width:100%;max-width:none;min-width:auto;justify-content:center}}.form-actions .btn-primary{background:var(--primary);color:var(--dark)}.form-actions .btn-primary:hover{background:#00d4aa;transform:translateY(-1px)}.form-actions .btn-secondary{background:0 0;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2)}.form-actions .btn-secondary:hover{background:rgba(255,255,255,.1);color:#fff}.account-success{position:fixed;top:2rem;left:50%;transform:translateX(-50%);z-index:10001;min-width:300px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.contact-methods{margin-bottom:2rem}.contact-method{display:flex;align-items:flex-start;padding:1.5rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:.3s;margin-bottom:1.5rem}.contact-method:hover{background:rgba(255,255,255,.05);border-color:rgba(230,190,0,.3);transform:translateY(-2px)}.contact-icon{margin-right:1.25rem;padding:.75rem;background:rgba(230,190,0,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:50px}.contact-details{flex:1}.contact-method-title{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.contact-method-text{color:var(--primary);font-weight:500;margin-bottom:.25rem}.contact-method-subtitle{color:rgba(224,224,224,.7);font-size:.875rem}.quick-links-section{margin-top:var(--space-3xl)}.quick-links-grid{display:flex;flex-direction:column;gap:var(--space-lg)}.quick-link-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:rgba(255,255,255,.05);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:inherit;transition:all var(--transition)}.quick-link-card:hover{background:rgba(255,255,255,.08);border-color:var(--primary);transform:translateY(-2px);text-decoration:none;color:inherit}.quick-link-icon{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(230,190,0,.1);border-radius:var(--border-radius-lg);border:1px solid rgba(230,190,0,.3)}.quick-link-content{flex:1}.quick-link-title{font-size:var(--text-lg);font-weight:600;color:var(--light);margin-bottom:var(--space-xs)}.quick-link-description{font-size:var(--text-sm);color:var(--light-500)}.quick-link-arrow{flex-shrink:0;transition:transform var(--transition)}.quick-link-card:hover .quick-link-arrow{transform:translateX(4px)}.emergency-contact{margin-top:2rem}.emergency-header{display:flex;align-items:center;margin-bottom:1rem}.faq-hero-section{background:linear-gradient(135deg,var(--dark) 0,rgba(0,168,204,.1) 100%);min-height:50vh;display:flex;align-items:center;justify-content:center;padding:6rem 0}.faq-search-section{padding:4rem 0}.search-box{position:relative;max-width:600px;margin:0 auto}.search-box input{padding-right:3rem}.faq-categories-section{padding:4rem 0 6rem}.faq-categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem}.faq-category-btn{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem 1rem;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.3s;font-size:1rem;font-weight:600;min-height:120px}.faq-category-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(230,190,0,.3);transform:translateY(-2px)}.faq-category-btn.active{background:rgba(230,190,0,.1);border-color:var(--primary);color:var(--primary)}.faq-category-btn i{font-size:1.8rem;margin-bottom:.75rem;color:var(--primary)}.faq-category-btn span{font-size:1rem;font-weight:600;line-height:1.3}.faq-category-section{margin-bottom:3rem}.category-title{font-size:1.75rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-item-expandable{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:.3s}.faq-item-expandable:hover{background:rgba(255,255,255,.05);border-color:rgba(230,190,0,.2)}.faq-item-expandable.expanded{border-color:var(--primary)}.faq-question-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.3s}.faq-question-header:hover{background:rgba(255,255,255,.02)}.faq-question{font-size:1.1rem;font-weight:600;color:var(--text);flex:1;margin:0}.faq-toggle{color:var(--primary);font-size:1rem;transition:transform .3s;margin-left:1rem}.faq-answer{padding:0 2rem 2rem;color:rgba(224,224,224,.8);line-height:1.7}.faq-answer ul{list-style:none;padding-left:0;margin:1rem 0}.faq-answer li{padding:.5rem 0 .5rem 1.5rem;position:relative}.faq-answer li::before{content:'•';color:var(--primary);font-weight:700;position:absolute;left:0}.faq-answer a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .3s}.faq-answer a:hover{color:var(--secondary)}.faq-no-results{text-align:center;padding:4rem 2rem;color:rgba(224,224,224,.6)}.faq-no-results i{color:rgba(224,224,224,.3);margin-bottom:1rem}@media (max-width:768px){.contact-grid{grid-template-columns:1fr;gap:3rem}.form-grid{grid-template-columns:1fr;gap:1rem}.contact-form{padding:1.5rem}.contact-faq-section .faq-grid{grid-template-columns:1fr;gap:1.5rem}.contact-method{padding:1.25rem}.contact-icon{min-width:45px;padding:.625rem}.faq-categories-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.faq-category-btn{padding:1.25rem .75rem;min-height:100px;font-size:.8rem}.faq-category-btn i{font-size:1.25rem;margin-bottom:.5rem}.faq-question-header{padding:1.25rem 1.5rem}.faq-question{font-size:1rem}.faq-answer{padding:0 1.5rem 1.5rem}.search-box{margin:0 1rem}.text-typewriter::after{display:none}}@media (max-width:480px){.contact-hero-section,.faq-hero-section{padding:4rem 0;min-height:40vh}.contact-form{padding:1rem}.faq-categories-grid{grid-template-columns:1fr;gap:.75rem}.faq-category-btn{padding:1rem;min-height:80px}.faq-question-header{padding:1rem 1.25rem}.faq-answer{padding:0 1.25rem 1.25rem}}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.text-typewriter{position:relative;display:inline-block}.text-typewriter::after{content:'|';color:var(--primary);animation:1s infinite blink;margin-left:2px}.text-typewriter.typing-complete::after{animation:.5s ease-out .5s forwards fadeOut}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}@keyframes fadeOut{to{opacity:0}}.quote-hero-section{background:linear-gradient(135deg,var(--dark) 0,rgba(230,190,0,.05) 100%);padding:3rem 0;min-height:30vh;display:flex;align-items:center}.quick-benefits{color:rgba(224,224,224,.8)}.benefit-divider{color:rgba(230,190,0,.6);font-weight:700}.quote-form-section .container{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.form-progress-header{margin-bottom:2rem;text-align:center;width:100%}.form-progress{max-width:600px;margin:0 auto}.progress-bar{background:rgba(255,255,255,.1);height:4px;border-radius:2px;margin:0 auto 25px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--secondary));height:100%;border-radius:2px;transition:width .5s}.progress-steps{display:flex;justify-content:space-between;position:relative;max-width:100%;margin:0 auto;padding:0 1rem}.progress-step{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:.3s;opacity:.6;position:relative}.progress-step.active{opacity:1}.progress-step.completed{opacity:.8}.step-icon{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:.75rem;transition:.3s;position:relative;z-index:2}.progress-step.active .step-icon{background:var(--primary);border-color:var(--primary);transform:scale(1.1);box-shadow:0 0 20px rgba(230,190,0,.4)}.progress-step.completed .step-icon{background:rgba(46,213,115,.2);border-color:#2ed573}.step-label{font-size:.875rem;font-weight:500;color:rgba(224,224,224,.7);text-align:center;margin:0;transition:.3s}.progress-step.active .step-label{color:var(--primary);font-weight:600}.quote-form-container{max-width:1000px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;width:100%}.quote-form{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:3rem;position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.quote-form::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent))}.form-step{display:none;animation:.5s fadeInUp}.form-step.active{display:block}.step-title{display:flex;align-items:center;justify-content:flex-start;font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;gap:1rem;width:100%}.step-number{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--dark);font-weight:700;font-size:1rem;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.project-types{margin-bottom:2rem}.project-type-card{background:rgba(255,255,255,.02);border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:.3s;height:100%;display:flex;flex-direction:column;justify-content:center}.project-type-card:hover{background:rgba(255,255,255,.05);border-color:rgba(230,190,0,.3);transform:translateY(-4px)}.project-type-card.selected{background:rgba(230,190,0,.1);border-color:var(--primary);transform:translateY(-4px)}.project-type-card .card-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.project-type-card h4{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.project-type-card p{font-size:.9rem;color:rgba(224,224,224,.7);margin:0}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.quote-alternatives-section{padding:4rem 0}.alternatives-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto 3rem}.alternatives-grid-2{grid-template-columns:repeat(2,1fr);max-width:1200px;gap:2rem;margin:0 auto 3rem}.alternative-option{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:.3s;aspect-ratio:auto;min-height:320px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.alternative-option::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;transition:opacity .3s}.alternative-option:hover{background:rgba(255,255,255,.08);border-color:rgba(230,190,0,.3);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.alternative-option:hover::before{opacity:1}.option-content{text-align:center;width:100%;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.75rem}.alternative-option .btn{background:var(--primary)!important;color:var(--dark)!important;border:2px solid var(--primary)!important;font-weight:600!important;padding:.75rem 1.5rem!important;font-size:.875rem!important;border-radius:.5rem!important;transition:.3s!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;min-height:44px!important}.alternative-option .btn i,.alternative-option .btn span{color:var(--dark)!important}.alternative-option .btn:hover{background:var(--primary-dark)!important;color:var(--dark)!important;border-color:var(--primary-dark)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(230,190,0,.3)!important}.alternative-option .btn:hover i,.alternative-option .btn:hover span{color:var(--dark)!important}.option-content i{font-size:3.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.option-content a i{margin-bottom:0}.option-content h4{font-size:1.75rem;margin-bottom:.5rem;color:var(--light);font-weight:600}.option-content p{font-size:1rem;margin-bottom:1.25rem;line-height:1.5;color:rgba(255,255,255,.7)}.next-steps-section{border-top:1px solid rgba(255,255,255,.1);padding-top:3rem}.steps-timeline{margin-top:3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1000px;margin-left:auto;margin-right:auto;position:relative}.steps-timeline::before{content:'';position:absolute;top:1.75rem;left:15%;right:15%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));z-index:0}.timeline-step{text-align:center;position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem 1.5rem 2rem;margin-top:1.75rem;transition:.3s;z-index:1}.timeline-step:hover{background:rgba(255,255,255,.08);border-color:rgba(230,190,0,.3);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.timeline-step .step-number{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--dark);font-weight:700;font-size:1.2rem;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1.75rem;left:50%;transform:translateX(-50%);z-index:2;box-shadow:0 4px 15px rgba(230,190,0,.3);text-align:center;line-height:1}.timeline-step .step-title{font-size:1.1rem;font-weight:600;color:var(--light);margin-bottom:.75rem}.timeline-step .step-description{font-size:.9rem;color:rgba(224,224,224,.8);line-height:1.5;margin:0}@media (max-width:768px){.quote-hero-section{padding:3rem 0;min-height:35vh}.quick-benefits{flex-direction:column;gap:1rem!important}.benefit-divider{display:none}.progress-steps{max-width:320px;padding:0 .5rem}.step-icon{width:40px;height:40px;font-size:1rem;margin-bottom:.5rem}.progress-step.active .step-icon{transform:scale(1.05)}.step-label{font-size:.75rem}.quote-form{padding:2rem 1.5rem}.form-actions{flex-direction:column;gap:1rem}.form-actions .btn{width:100%}.project-types{grid-template-columns:1fr}.steps-timeline{grid-template-columns:1fr;gap:2rem;max-width:500px}.steps-timeline::before{display:none}.timeline-step{padding:1.5rem 1rem}.alternatives-grid,.alternatives-grid-2{grid-template-columns:1fr;gap:1.5rem;grid-template-columns:1fr;gap:1.25rem;max-width:100%;padding:0 1rem}.alternative-option{aspect-ratio:auto;aspect-ratio:auto;min-height:260px}.option-content p{font-size:.95rem}.option-content{padding:1.75rem 1.5rem}.option-content i{font-size:2.75rem}.option-content h4{font-size:1.4rem}}@media (max-width:480px){.quote-form{padding:1.5rem 1rem}.quote-form-container{max-width:100%;padding:0 1rem}.step-title{font-size:1.25rem}.form-grid{grid-template-columns:1fr;gap:1rem}.alternatives-grid,.alternatives-grid-2{max-width:100%;gap:1rem}.alternative-option{min-height:240px}.option-content{padding:1.5rem 1.25rem}.option-content i{font-size:2.5rem}.option-content h4{font-size:1.25rem}.option-content p{font-size:.9rem}.steps-timeline{max-width:400px;gap:1.5rem}.timeline-step{padding:1.25rem .75rem}.timeline-step .step-number{width:3rem;height:3rem;font-size:1rem}.contact-faq-section .faq-item.card{padding:1.25rem}.contact-faq-section .faq-question{font-size:1rem}.contact-faq-section .faq-answer{font-size:.875rem}.progress-steps{max-width:280px;padding:0 .25rem}.step-icon{width:36px;height:36px;font-size:.9rem}.step-label{font-size:.7rem}}@media (max-width:768px){.quote-form-section{min-height:50vh;padding:1rem 0}.quote-form-section .container{padding:0 1rem}.quote-form-container{padding:0 1rem;max-width:100%}.quote-form{padding:1.5rem 1rem}}.hosting-page{overflow-x:hidden}.pricing-toggle{margin-bottom:3rem}.toggle-container{display:inline-flex;align-items:center;gap:1rem;background:rgba(255,255,255,.05);padding:.5rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1)}.toggle-label{font-size:.9rem;color:var(--text);transition:.3s;padding:.5rem 1rem;border-radius:1.5rem;cursor:pointer}.toggle-label.active{color:var(--primary);background:rgba(230,190,0,.1)}.toggle-switch{position:relative;width:60px;height:30px;background:var(--dark-700);border-radius:15px;cursor:pointer;transition:.3s}.toggle-switch.active{background:var(--primary)}.toggle-slider{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch.active .toggle-slider{transform:translateX(30px)}.discount-badge{background:var(--primary);color:var(--dark);padding:.2rem .5rem;border-radius:.5rem;font-size:.7rem;font-weight:600;margin-left:.5rem}.hosting-plans-grid{margin-bottom:4rem}.hosting-plan{position:relative;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:.3s}.hosting-plan:hover{border-color:var(--primary);box-shadow:0 10px 40px rgba(230,190,0,.1)}.hosting-plan.featured{border-color:var(--secondary);background:linear-gradient(135deg,rgba(0,168,204,.05),rgba(255,255,255,.02))}.hosting-plan.featured:hover{border-color:var(--secondary);box-shadow:0 10px 40px rgba(0,168,204,.15)}.plan-badge{position:absolute;top:-23px;left:50%;transform:translateX(-50%)}.plan-header{margin-bottom:2rem}.plan-icon{margin-bottom:1rem}.plan-title{margin-bottom:.5rem}.plan-description{font-size:.9rem;margin-bottom:1.5rem;min-height:2.4rem}.plan-price{margin-bottom:2rem}.price-amount{display:inline-block;transition:.3s}.price-period{font-size:1rem}.plan-features{margin-bottom:2rem}.feature-list{list-style:none;padding:0}.feature-list li{padding:.5rem 0;font-size:.9rem;display:flex;align-items:center}.plan-cta{margin-top:auto}.plan-trial{margin-top:.5rem}.enterprise-cta{margin-top:4rem}.enterprise-card{padding:3rem;background:linear-gradient(135deg,rgba(102,56,183,.1),rgba(255,255,255,.05));border:1px solid rgba(102,56,183,.2)}.comparison-table-container{overflow-x:auto;max-width:1000px;margin:0 auto}.comparison-table{width:100%;background:rgba(255,255,255,.03);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.table-header{display:grid;grid-template-columns:2fr repeat(3,1fr);background:rgba(255,255,255,.05);font-weight:600}.table-row{display:grid;grid-template-columns:2fr repeat(3,1fr);border-top:1px solid rgba(255,255,255,.05)}.table-row:hover{background:rgba(255,255,255,.02)}.feature-column,.feature-name,.feature-value,.plan-column{padding:1rem;text-align:center;display:flex;align-items:center;justify-content:center}.feature-column,.feature-name{text-align:left;justify-content:flex-start;font-weight:500}.plan-column.featured{background:rgba(0,168,204,.1);color:var(--secondary)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9999;opacity:0;transition:opacity .3s}.modal.show{opacity:1}.modal-dialog{position:relative;max-width:600px;width:90%;margin:5rem auto 2rem;transform:translateY(-50px);transition:transform .3s;box-sizing:border-box}.modal.show .modal-dialog{transform:translateY(0)}.modal-content{background:var(--dark-800);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.1);overflow:visible;max-height:85vh}.modal-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-title{margin:0;color:var(--light);font-size:1.25rem}.btn-close{background:0 0;border:none;color:var(--text);font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:.3s}.btn-close:hover{background:rgba(255,255,255,.1);color:var(--light)}.modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.modal-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1rem;justify-content:flex-end}.subscription-summary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:1.5rem}.summary-title{margin-bottom:1rem;color:var(--light);font-weight:600}.summary-item{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0}.summary-item.total{border-top:1px solid rgba(255,255,255,.1);margin-top:1rem;padding-top:1rem;font-weight:600;color:var(--light)}.summary-label{color:var(--text)}.summary-value{color:var(--light);font-weight:500}.status-message{position:fixed;top:2rem;right:2rem;background:var(--dark-800);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:1rem 1.5rem;z-index:1100;min-width:300px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:none}.status-message.text-success{border-left:4px solid var(--secondary)}.status-message.text-danger{border-left:4px solid #ff4757}.status-message.text-info{border-left:4px solid var(--primary)}@media (max-width:768px){.hosting-plans-grid{grid-template-columns:1fr;gap:1.5rem}.comparison-table-container{max-width:100%}.comparison-table{font-size:.8rem}.table-header,.table-row{grid-template-columns:1.5fr repeat(3,1fr)}.feature-column,.feature-name,.feature-value,.plan-column{padding:.75rem .5rem}.modal-dialog{margin:1rem;max-width:none}.modal-footer{flex-direction:column}.status-message{top:1rem;right:1rem;left:1rem;min-width:auto}}.hosting-subscribe-page{overflow-x:hidden}.simple-plans{margin-bottom:3rem}.simple-plan{position:relative;padding:1.5rem;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:.3s}.simple-plan:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 25px rgba(230,190,0,.1)}.simple-plan.selected{border-color:var(--primary);background:linear-gradient(135deg,rgba(230,190,0,.1),rgba(255,255,255,.05));box-shadow:0 10px 30px rgba(230,190,0,.2)}.simple-plan.featured{border-color:var(--secondary)}.simple-plan.featured.selected,.simple-plan.featured:hover{border-color:var(--secondary);background:linear-gradient(135deg,rgba(0,168,204,.1),rgba(255,255,255,.05));box-shadow:0 10px 30px rgba(0,168,204,.2)}.plan-features{list-style:none;padding:0}.plan-features li{padding:.25rem 0;color:var(--text)}.selected-plan-display{background:rgba(230,190,0,.1);border:1px solid rgba(230,190,0,.3);padding:1.5rem;border-radius:var(--border-radius)}.subscription-form{background:rgba(255,255,255,.02);border-radius:var(--border-radius-lg);padding:2rem;border:1px solid rgba(255,255,255,.05)}.form-section{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:2rem}.form-section:last-child{border-bottom:none;padding-bottom:0}.section-title{color:var(--light);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.section-title::before{content:'';width:4px;height:20px;background:var(--primary);border-radius:2px}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:var(--light);font-weight:500}.form-label.required::after{content:' *';color:#ff4757;font-weight:700}.form-input{width:100%;padding:.75rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);color:var(--light);font-size:1rem;transition:.3s;color:rgba(255,255,255,.4)}.form-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(230,190,0,.1);background:rgba(255,255,255,.08)}.form-input::placeholder{color:rgba(255,255,255,.4)}.form-error{color:#ff4757;font-size:.8rem;margin-top:.25rem;display:none}.form-hint{font-size:.8rem;color:var(--text);margin-top:.5rem}.form-footer{text-align:center;padding-top:1rem}.checkbox-container{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;line-height:1.4}.checkbox-container input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:3px;position:relative;transition:.3s;flex-shrink:0;margin-top:2px}.checkbox-container input[type=checkbox]:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.checkbox-container input[type=checkbox]:checked+.checkmark::after{content:'✓';position:absolute;top:-2px;left:2px;color:var(--dark);font-weight:700;font-size:12px}.link{color:var(--primary);text-decoration:none;transition:color .3s}.link:hover{color:var(--secondary)}.row{display:flex;gap:1rem;margin:0 -.5rem}.col-md-6{flex:1;padding:0 .5rem}@media (max-width:768px){.simple-plans{grid-template-columns:1fr;gap:1rem}.subscription-form{padding:1.5rem}.row{flex-direction:column;gap:0}.col-md-6{padding:0}.selected-plan-display{padding:1rem}.selected-plan-display .flex{flex-direction:column;gap:1rem}.plan-features{font-size:.8rem}.account-modal{padding:1.5rem!important;margin:1rem!important;max-width:none!important;width:calc(100% - 2rem)!important}.form-actions{flex-direction:column!important}.account-modal-header h3{font-size:1.3rem!important}}.conditional-fields{animation:.3s ease-in fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;animation:.3s ease-out slideInDown}.form-message-success{background:rgba(40,167,69,.15);border:1px solid #28a745;color:#28a745}.form-message-error{background:rgba(220,53,69,.15);border:1px solid #dc3545;color:#dc3545}