@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-dark-900:#fff;--bg-dark-800:#f8fafc;--bg-dark-700:#f1f5f9;--bg-dark-600:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--brand-purple:#7d26cd;--brand-blue:#1e57c8;--brand-pink:#bd157a;--brand-orange:#f57c00;--gradient-logo-left:linear-gradient(135deg, #7d26cd 0%, #1e57c8 50%, #00a4e4 100%);--gradient-logo-right:linear-gradient(135deg, #bd157a 0%, #d81b60 40%, #f57c00 100%);--gradient-rainbow:linear-gradient(90deg, #7d26cd, #1e57c8, #00a4e4, #bd157a, #f57c00);--gradient-hero:linear-gradient(135deg, #7d26cd0a 0%, #1e57c80a 50%, #00a4e40a 100%);--gradient-card:linear-gradient(135deg, #fff 0%, #f8fafc 100%);--gradient-accent-1:linear-gradient(135deg, #7d26cd, #1e57c8);--gradient-accent-2:linear-gradient(135deg, #bd157a, #f57c00);--border-glass:1px solid #0f172a14;--border-glass-glow:1px solid #7d26cd4d;--shadow-glass:0 8px 32px 0 #0f172a0f;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background-color:var(--bg-dark-900);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark-900)}::-webkit-scrollbar-thumb{background:var(--bg-dark-700);border:2px solid var(--bg-dark-900);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--brand-purple)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.2}p{color:var(--text-secondary)}.gradient-text-left{background:var(--gradient-logo-left);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-right{background:var(--gradient-logo-right);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-rainbow{background:var(--gradient-rainbow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.section{padding:8rem 0;position:relative}.section-title-wrap{text-align:center;margin-bottom:4rem}.section-subtitle{text-transform:uppercase;letter-spacing:.2em;color:var(--brand-blue);font-size:.875rem;font-family:var(--font-heading);margin-bottom:.75rem;font-weight:600;display:inline-block}.section-title{margin-bottom:1.25rem;font-size:3rem}@media (max-width:768px){.section{padding:5rem 0}.section-title{font-size:2.25rem}.container{padding:0 1.25rem}}.glass-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(12px);border:var(--border-glass);box-shadow:var(--shadow-glass);border-radius:1.25rem;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border:1px solid #0f172a26;transform:translateY(-5px);box-shadow:0 12px 40px #0f172a14}.btn{font-family:var(--font-heading);cursor:pointer;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.8rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--gradient-logo-left);color:#fff;border:none;box-shadow:0 4px 15px #7d26cd4d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #7d26cd80}.btn-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a0a;border:1px solid #0f172a14}.btn-secondary:hover{background:#0f172a14;border:1px solid #0f172a26;transform:translateY(-2px)}.btn-outline-glow{color:var(--text-primary);border:var(--border-glass-glow);background:0 0;box-shadow:0 4px 15px #7d26cd1a}.btn-outline-glow:hover{background:var(--gradient-logo-right);color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 25px #d81b6066}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #0f172a0d;width:100%;transition:all .3s;position:fixed;top:0;left:0}.navbar.scrolled{background:#fffffff2;padding:.5rem 0;box-shadow:0 4px 30px #0f172a0d}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex}.navbar.scrolled .nav-container{height:70px}.logo-link{align-items:center;gap:.75rem;display:flex}.logo-img{object-fit:contain;width:auto;height:45px}.nav-menu{align-items:center;gap:2.25rem;list-style:none;display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;font-family:var(--font-heading);transition:color .3s;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";background:var(--gradient-logo-left);width:0;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-cta-btn{margin-left:1rem}.menu-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}@media (max-width:992px){.nav-menu{background:var(--bg-dark-800);flex-direction:column;align-items:flex-start;gap:2rem;width:100%;height:calc(100vh - 80px);padding:3rem 2rem;transition:all .4s;position:fixed;top:80px;left:-100%}.navbar.scrolled .nav-menu{height:calc(100vh - 70px);top:70px}.nav-menu.active{left:0}.menu-toggle{display:block}.nav-cta-btn{width:100%;margin-left:0}}.hero{background:var(--gradient-hero);align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero-glow-1{z-index:1;pointer-events:none;background:radial-gradient(circle,#7d26cd26 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-100px}.hero-glow-2{z-index:1;pointer-events:none;background:radial-gradient(circle,#00a4e41a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-200px;left:-200px}.hero-grid{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid;position:relative}.hero-content{flex-direction:column;display:flex}.badge-tag{font-family:var(--font-heading);letter-spacing:.05em;color:var(--text-primary);background:#7d26cd1a;border:1px solid #7d26cd4d;border-radius:50px;align-self:flex-start;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;display:flex}.badge-tag-glow{background:#0f8;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-glow;display:inline-block;box-shadow:0 0 8px #0f8}@keyframes pulse-glow{0%{transform:scale(.95);box-shadow:0 0 #00ff88b3}70%{transform:scale(1);box-shadow:0 0 0 6px #0f80}to{transform:scale(.95);box-shadow:0 0 #0f80}}.hero-title{margin-bottom:1.5rem;font-size:4.25rem;font-weight:800;line-height:1.1}.hero-description{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.2rem;line-height:1.7}.hero-ctas{flex-wrap:wrap;gap:1.25rem;display:flex}.hero-visual{justify-content:center;display:flex;position:relative}.hero-img-wrap{aspect-ratio:.85;border:var(--border-glass);background:#ffffff05;border-radius:2rem;width:100%;max-width:450px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c}.hero-img{object-fit:cover;transition:transform .8s}.hero-img-wrap:hover .hero-img{transform:scale(1.05)}.hero-card-glow{background:var(--gradient-logo-left);filter:blur(30px);opacity:.15;z-index:-1;border-radius:3rem;transition:opacity .5s;position:absolute;inset:-20px}.hero-img-wrap:hover+.hero-card-glow{opacity:.25}@media (max-width:992px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content{align-items:center}.hero-title{font-size:3rem}.hero-ctas{justify-content:center}.hero-visual{margin-top:1rem}}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.about-text-content{flex-direction:column;display:flex}.about-desc-large{color:var(--text-primary);font-size:1.25rem;line-height:1.7;font-family:var(--font-heading);margin-bottom:1.5rem;font-weight:500}.about-desc-normal{margin-bottom:2rem}.expertise-list{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.expertise-item{background:var(--bg-dark-800);border:var(--border-glass);border-radius:1rem;flex-direction:column;padding:1.5rem;transition:border .3s,transform .3s;display:flex}.expertise-item:hover{border:var(--border-glass-glow);transform:translateY(-3px)}.expertise-icon-box{width:48px;height:48px;color:var(--brand-blue);background:#7d26cd1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.expertise-item:nth-child(2n) .expertise-icon-box{color:var(--brand-orange);background:#d81b601a}.expertise-title{margin-bottom:.5rem;font-size:1.15rem}.expertise-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.about-visual{justify-content:center;display:flex}.about-visual-grid{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;display:grid}.about-visual-card{aspect-ratio:1;border:var(--border-glass);background:var(--bg-dark-800);border-radius:1.5rem;align-items:flex-end;padding:1.5rem;display:flex;position:relative;overflow:hidden}.about-card-1{aspect-ratio:.5;grid-row:span 2}.about-visual-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.about-visual-overlay{background:linear-gradient(180deg, transparent 40%, var(--bg-dark-900) 100%);z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.about-card-content{z-index:3;position:relative}.about-card-number{font-size:2.5rem;font-family:var(--font-heading);background:var(--gradient-logo-left);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-weight:800;line-height:1}.about-card-2 .about-card-number{background:var(--gradient-logo-right);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.about-card-label{font-family:var(--font-heading);color:var(--text-primary);font-size:1.1rem;font-weight:600}@media (max-width:992px){.about-grid{grid-template-columns:1fr;gap:4rem}}@media (max-width:576px){.expertise-list,.about-visual-grid{grid-template-columns:1fr}.about-card-1{aspect-ratio:1;grid-row:auto}}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.product-card{background:var(--gradient-card);border:var(--border-glass);box-shadow:var(--shadow-glass);border-radius:1.5rem;flex-direction:column;height:100%;transition:all .4s;display:flex;overflow:hidden}.product-card:hover{border:var(--border-glass-glow);transform:translateY(-8px);box-shadow:0 16px 45px #7d26cd26}.product-img-wrap{aspect-ratio:1.15;background:#fff;border-bottom:1px solid #0f172a0d;width:100%;position:relative;overflow:hidden}.product-img{object-fit:cover;mix-blend-mode:multiply;transition:transform .6s}.product-card:hover .product-img{transform:scale(1.06)}.product-category-tag{-webkit-backdrop-filter:blur(8px);letter-spacing:.03em;color:var(--text-primary);z-index:10;background:#ffffffd9;border:1px solid #0f172a14;border-radius:30px;align-items:center;gap:.35rem;padding:.35rem .9rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 12px #0f172a08}.product-info{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.product-name{margin-bottom:.75rem;font-size:1.4rem}.product-desc{flex-grow:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.product-features{border-top:1px dashed #0f172a14;flex-direction:column;gap:.6rem;margin-bottom:1.75rem;padding-top:1rem;list-style:none;display:flex}.product-features li{color:var(--text-primary);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.product-features svg{color:#059669}.product-action{width:100%}.mfg-container{max-width:1000px;margin:0 auto}.timeline{padding:2rem 0;position:relative}.timeline:before{content:"";background:linear-gradient(#7d26cd00 0%,#7d26cd80 15%,#00a4e480 85%,#00a4e400 100%);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{box-sizing:border-box;width:50%;padding:2rem 3rem;position:relative}.timeline-item:nth-child(odd){text-align:right;left:0}.timeline-item:nth-child(2n){text-align:left;left:50%}.timeline-dot{background:var(--bg-dark-900);border:4px solid var(--brand-blue);z-index:10;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 10px #00a4e480}.timeline-item:nth-child(odd) .timeline-dot{right:-12px}.timeline-item:nth-child(2n) .timeline-dot{border-color:var(--brand-purple);left:-12px;box-shadow:0 0 10px #7d26cd80}.timeline-item:hover .timeline-dot{background:#fff;transform:translateY(-50%)scale(1.25)}.timeline-card{background:var(--bg-dark-800);border:var(--border-glass);box-shadow:var(--shadow-glass);border-radius:1.25rem;width:100%;padding:2rem;transition:all .4s;display:inline-block;position:relative}.timeline-item:hover .timeline-card{border:var(--border-glass-glow);transform:translateY(-3px);box-shadow:0 8px 30px #7d26cd1a}.timeline-step{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-blue);font-size:.8rem;font-weight:700;font-family:var(--font-heading);margin-bottom:.5rem}.timeline-item:nth-child(2n) .timeline-step{color:var(--brand-orange)}.timeline-title{margin-bottom:.75rem;font-size:1.35rem}.timeline-desc{font-size:.9rem;line-height:1.5}@media (max-width:768px){.timeline:before{left:20px}.timeline-item{width:100%;padding:1.5rem 1rem 1.5rem 3.5rem}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){text-align:left;left:0}.timeline-dot{left:8px!important}}.qa-sust-grid{grid-template-columns:1.1fr .9fr;gap:3rem;display:grid}.qa-card{background:var(--gradient-card);border:var(--border-glass);box-shadow:var(--shadow-glass);border-radius:1.5rem;padding:3rem}.qa-title{margin-bottom:1.5rem;font-size:2.25rem}.qa-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem;display:grid}.qa-item{gap:1rem;display:flex}.qa-icon{color:#059669;background:#0596691a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.qa-item-title{margin-bottom:.35rem;font-size:1.1rem}.qa-item-desc{color:var(--text-secondary);font-size:.85rem}.sust-card{box-shadow:var(--shadow-glass);background:linear-gradient(135deg,#0596690d 0%,#ffffffe6 100%);border:1px solid #05966940;border-radius:1.5rem;flex-direction:column;justify-content:space-between;padding:3rem;display:flex;position:relative;overflow:hidden}.sust-card-glow{pointer-events:none;background:radial-gradient(circle,#05966914 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:-100px;right:-100px}.sust-icon-top{color:#059669;background:#0596691a;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:2rem;display:flex}.sust-title{margin-bottom:1.5rem;font-size:2.25rem}.sust-desc{margin-bottom:2.5rem;line-height:1.7}.sust-stats{border-top:1px solid #0f172a14;gap:3rem;padding-top:2rem;display:flex}.sust-stat-val{font-size:2.5rem;font-family:var(--font-heading);color:#059669;margin-bottom:.25rem;font-weight:800;line-height:1}.sust-stat-lbl{color:var(--text-secondary);font-size:.85rem}@media (max-width:992px){.qa-sust-grid{grid-template-columns:1fr}}@media (max-width:576px){.qa-grid{grid-template-columns:1fr}.qa-card,.sust-card{padding:2rem 1.5rem}}.clients-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.client-card{background:var(--bg-dark-800);border:var(--border-glass);text-align:center;box-shadow:var(--shadow-glass);border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1.5rem;transition:all .3s;display:flex}.client-card:hover{border:var(--border-glass-glow);background:var(--bg-dark-700);transform:scale(1.03)}.client-icon-wrap{width:56px;height:56px;color:var(--brand-blue);border:var(--border-glass);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;transition:transform .5s;display:flex}.client-card:hover .client-icon-wrap{color:var(--brand-purple);transform:rotateY(180deg)}.client-name{margin-bottom:.5rem;font-size:1.2rem}.client-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem}@media (max-width:992px){.clients-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.clients-grid{grid-template-columns:1fr}}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:4rem;display:grid}.contact-info-panel{flex-direction:column;gap:2rem;display:flex}.contact-info-card{background:var(--bg-dark-800);border:var(--border-glass);border-radius:1.25rem;align-items:flex-start;gap:1.25rem;padding:2rem;transition:border .3s;display:flex}.contact-info-card:hover{border:var(--border-glass-glow)}.contact-info-icon{width:48px;height:48px;color:var(--brand-purple);background:#7d26cd1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-card:nth-child(2) .contact-info-icon{color:var(--brand-orange);background:#fd96441a}.contact-info-lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.35rem;font-size:.85rem}.contact-info-val{color:var(--text-primary);font-size:1.1rem;font-family:var(--font-heading);font-weight:500}.contact-info-val address{font-style:normal;line-height:1.5}.contact-form-card{background:var(--gradient-card);border:var(--border-glass);box-shadow:var(--shadow-glass);border-radius:1.5rem;padding:3rem}.form-title{margin-bottom:.5rem;font-size:1.8rem}.form-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:.95rem}.form-group-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;font-family:var(--font-heading);letter-spacing:.05em}.form-input{background:var(--bg-dark-900);border:var(--border-glass);color:var(--text-primary);font-family:var(--font-body);border-radius:.75rem;padding:1rem;font-size:.95rem;transition:all .3s}.form-input:focus{border-color:var(--brand-blue);background:var(--bg-dark-800);outline:none;box-shadow:0 0 0 3px #1e57c826}textarea.form-input{resize:vertical;min-height:120px}.form-status{border-radius:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;display:none}.form-status.success{color:#059669;background:#05966914;border:1px solid #05966933;display:block}.form-status.error{color:var(--brand-pink);background:#d630310d;border:1px solid #d6303126;display:block}.form-submit-btn{width:100%}@media (max-width:992px){.contact-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:576px){.form-group-row{grid-template-columns:1fr;gap:0}.contact-form-card{padding:2rem 1.5rem}.modal-content.glass-card{padding:2rem 1.25rem}}.footer{background:var(--bg-dark-900);border-top:1px solid #0f172a0d;padding:5rem 0 2rem;position:relative;overflow:hidden}.footer-grid{grid-template-columns:1.2fr .8fr .8fr 1.2fr;gap:4rem;margin-bottom:4rem;display:grid}.footer-brand{flex-direction:column;gap:1.5rem;display:flex}.footer-logo{align-self:flex-start;width:auto;height:48px}.footer-desc{font-size:.9rem;line-height:1.6}.footer-socials{gap:1rem;display:flex}.footer-social-link{background:var(--bg-dark-800);border:var(--border-glass);width:38px;height:38px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.footer-social-link:hover{color:#fff;background:var(--brand-purple);transform:translateY(-2px)}.footer-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.15rem}.footer-links{flex-direction:column;gap:.85rem;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:.9rem;transition:color .3s}.footer-links a:hover{color:var(--brand-purple);padding-left:4px}.footer-links a{transition:all .2s}.footer-newsletter-text{margin-bottom:1.25rem;font-size:.9rem}.footer-newsletter-form{gap:.5rem;display:flex}.footer-newsletter-input{background:var(--bg-dark-800);border:var(--border-glass);color:var(--text-primary);border-radius:.5rem;flex-grow:1;padding:.75rem 1rem;font-size:.875rem}.footer-newsletter-input:focus{border-color:var(--brand-purple);outline:none}.footer-newsletter-btn{background:var(--gradient-logo-right);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:0 1.25rem;transition:opacity .3s;display:flex}.footer-newsletter-btn:hover{opacity:.9}.footer-bottom{border-top:1px solid #0f172a0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:2rem;display:flex}.footer-copy{color:var(--text-muted);font-size:.85rem}.footer-legal{gap:2rem;display:flex}.footer-legal a{color:var(--text-muted);font-size:.85rem;transition:color .3s}.footer-legal a:hover{color:var(--brand-purple)}@media (max-width:992px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:3rem}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{text-align:center;flex-direction:column}.footer-legal{justify-content:center;gap:1rem}}.modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:2000;opacity:0;pointer-events:none;background:#0f172a66;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:2.5rem 1rem;transition:opacity .4s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}@media (min-height:700px){.modal-overlay{align-items:center;padding:2rem 1rem}}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{width:90%;max-width:550px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(20px)}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-close-btn{border:var(--border-glass);color:var(--text-primary);cursor:pointer;z-index:100;background:#0f172a0a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close-btn:hover{background:#0f172a14;transform:rotate(90deg)}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}