:root{--primary-purple: #7C3AED;--deep-purple: #6B21A8;--dark-purple: #581C87;--light-purple: #A78BFA;--pale-purple: #C4B5FD;--dark-bg: #0A0A0A;--darker-bg: #000000;--card-bg: rgba(124, 58, 237, .03);--border-color: rgba(124, 58, 237, .15);--text-primary: #FFFFFF;--text-secondary: #E5E5E5;--text-muted: #A3A3A3;--gradient-1: linear-gradient(135deg, #7C3AED 0%, #6B21A8 100%);--gradient-2: linear-gradient(135deg, #A78BFA 0%, #7C3AED 100%);--gradient-3: linear-gradient(135deg, #6B21A8 0%, #581C87 100%);--shadow-glow: 0 0 60px rgba(124, 58, 237, .25);--shadow-card: 0 8px 32px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%;height:-webkit-fill-available}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}::selection{background:#7c3aed;color:#000;text-shadow:0 0 12px rgba(124,58,237,.6)}::-moz-selection{background:#7c3aed;color:#000;text-shadow:0 0 12px rgba(124,58,237,.6)}.fairy-dust-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.fairy-dust{position:absolute;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.8) 0%,transparent 70%);animation:float-dust var(--duration) ease-in-out infinite;opacity:0;box-shadow:0 0 4px #7c3aed99}@keyframes float-dust{0%{opacity:0;transform:translateY(0) translate(0) scale(.5)}10%{opacity:.7}50%{opacity:1;transform:translateY(-100px) translate(var(--drift)) scale(1)}90%{opacity:.7}to{opacity:0;transform:translateY(-200px) translate(calc(var(--drift) * 2)) scale(.5)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.8}}body.menu-open{overflow:hidden}.preloader{position:fixed;top:0;left:0;width:100%;width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:-webkit-fill-available;background:linear-gradient(135deg,#000,#0a0a0a,#000);display:flex;justify-content:center;align-items:center;z-index:10000;overflow:hidden;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s cubic-bezier(.4,0,.2,1)}.preloader.fade-out{opacity:0;visibility:hidden}.preloader-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.preloader-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 8s ease-in-out infinite}.preloader-orb.orb-1{width:400px;height:400px;background:radial-gradient(circle,#7C3AED 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.preloader-orb.orb-2{width:500px;height:500px;background:radial-gradient(circle,#6B21A8 0%,transparent 70%);bottom:-15%;right:-15%;animation-delay:2s}.preloader-orb.orb-3{width:350px;height:350px;background:radial-gradient(circle,#581C87 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.preloader-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:32px;animation:contentFadeIn 1s ease-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preloader-logo{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(124,58,237,.6))}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.preloader-title{font-size:32px;font-weight:300;letter-spacing:.1em;background:linear-gradient(135deg,#7c3aed,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;animation:titleShimmer 3s ease-in-out infinite}@keyframes titleShimmer{0%,to{opacity:.8}50%{opacity:1}}.preloader-spinner{display:flex;gap:12px;align-items:center;justify-content:center;height:20px}.spinner-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a78bfa);animation:dotPulse 1.4s ease-in-out infinite;box-shadow:0 0 15px #7c3aedcc}.spinner-dot:nth-child(1){animation-delay:0s}.spinner-dot:nth-child(2){animation-delay:.2s}.spinner-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.3);opacity:1}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1002;background:#000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:all .3s ease}.navbar.scrolled{background:#000000f2;box-shadow:var(--shadow-glow)}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700}.logo-icon{font-size:28px;animation:float 3s ease-in-out infinite;transition:transform .3s ease,filter .3s ease;display:block}.logo:hover .logo-icon{filter:drop-shadow(0 0 8px rgba(124,58,237,.6));animation:none;transform:scale(1.05)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-text{font-size:24px;font-weight:800;letter-spacing:1px;background:linear-gradient(135deg,#7c3aed,#a78bfa,#7c3aed);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite,fadeInText .8s ease-out;position:relative;text-transform:uppercase}@keyframes shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes fadeInText{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.nav-links{display:flex;list-style:none;gap:32px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-1);transition:width .3s ease}.nav-links a:hover{color:var(--primary-purple)}.nav-links a:hover:after{width:100%}.nav-logo-bottom{display:none}.nav-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;padding:8px}.nav-toggle span{width:25px;height:2px;background:var(--text-primary);transition:all .3s ease}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float-orb 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:var(--gradient-1);top:-200px;right:-200px}.orb-2{width:400px;height:400px;background:var(--gradient-3);bottom:-150px;left:-150px;animation-delay:-7s}.orb-3{width:350px;height:350px;background:var(--gradient-2);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float-orb{0%,to{transform:translate(0)}33%{transform:translate(50px,-50px)}66%{transform:translate(-50px,50px)}}.hero-content{position:relative;z-index:1;text-align:center;padding:80px 0}.hero-title{font-size:72px;font-weight:700;line-height:1.1;margin-bottom:24px;display:flex;flex-direction:column;gap:8px;letter-spacing:-.02em}.title-line{opacity:0;transform:translateY(30px);animation:slideUp .8s ease forwards;display:flex;justify-content:center;align-items:center}.title-line:nth-child(2){animation-delay:.2s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.hero-cycle-text{display:inline-block;color:var(--primary-purple);position:relative;text-align:center}.hero-cycle-text.swype-purple{color:var(--primary-purple);font-weight:700}.text-slide-out{animation:slideTextOut .5s ease forwards}.text-slide-in{animation:slideTextIn .5s ease forwards}@keyframes slideTextOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes slideTextIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:var(--text-secondary);max-width:700px;margin:0 auto 40px;line-height:1.6;opacity:0;animation:fadeIn .8s ease .4s forwards}@keyframes fadeIn{to{opacity:1}}.hero-cta{display:flex;gap:16px;justify-content:center;margin-bottom:80px;opacity:0;animation:fadeIn .8s ease .6s forwards}.btn{padding:16px 32px;font-size:16px;font-weight:600;border-radius:12px;text-decoration:none;transition:all .3s ease;border:none;display:inline-block}.btn-primary{background:var(--gradient-1);color:var(--text-primary);box-shadow:0 4px 24px #7c3aed4d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #7c3aed80}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--primary-purple)}.btn-secondary:hover{background:var(--primary-purple);transform:translateY(-2px)}.btn-card{width:100%;background:var(--gradient-1);color:var(--text-primary);margin-top:auto}.btn-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed80}.advantage-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto;opacity:0;animation:fadeIn .8s ease .8s forwards}.advantage-card{position:relative;background:#7c3aed08;border:1px solid rgba(124,58,237,.2);border-radius:16px;padding:24px 20px;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px);animation:advantageSlideIn .6s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.advantage-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-purple),transparent);transform:translate(-100%);transition:transform .6s ease}.advantage-card[data-index="0"]{animation-delay:1s}.advantage-card[data-index="1"]{animation-delay:1.15s}.advantage-card[data-index="2"]{animation-delay:1.3s}.advantage-card[data-index="3"]{animation-delay:1.45s}@keyframes advantageSlideIn{to{opacity:1;transform:translateY(0)}}.advantage-card:hover:before{transform:translate(100%)}.advantage-card:hover{transform:translateY(-8px);border-color:var(--primary-purple);background:#7c3aed14;box-shadow:0 20px 60px #7c3aed4d}.advantage-card:hover .advantage-glow{opacity:1}.advantage-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(124,58,237,.3) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .4s ease;pointer-events:none;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1.2)}}.advantage-icon{margin:0 auto 16px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#7c3aed1a;border-radius:12px;transition:all .3s ease}.advantage-icon svg{stroke:var(--primary-purple);transition:all .3s ease}.advantage-card:hover .advantage-icon{background:#7c3aed33;transform:scale(1.1) rotate(5deg)}.advantage-card:hover .advantage-icon svg{stroke:var(--light-purple);filter:drop-shadow(0 0 8px rgba(124,58,237,.6))}.advantage-content{position:relative;z-index:1}.advantage-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.01em}.advantage-desc{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0}.services{padding:120px 0;position:relative}.section-header{text-align:center;margin-bottom:80px}.section-title{font-size:48px;font-weight:600;margin-bottom:16px;letter-spacing:-.02em}.section-subtitle{font-size:18px;color:var(--text-secondary)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1400px;margin:0 auto}.service-card{background:#0f0f1499;border:1px solid rgba(124,58,237,.2);border-radius:20px;padding:48px 40px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;position:relative;overflow:hidden;opacity:0;transform:translateY(40px) scale(.95)}.service-card.visible{opacity:1;transform:translateY(0) scale(1)}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.15),transparent);transition:left .6s ease}.service-card:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,transparent,rgba(124,58,237,.3),transparent);border-radius:20px;opacity:0;transition:opacity .5s ease;z-index:-1}.service-card:hover:before{left:100%}.service-card:hover:after{opacity:1}.service-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary-purple);box-shadow:0 20px 60px #7c3aed4d}.service-icon-wrapper{width:80px;height:80px;margin:0 auto 32px;background:linear-gradient(135deg,#7c3aed33,#a78bfa1a);border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.service-icon-wrapper:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--primary-purple),var(--light-purple));border-radius:20px;opacity:0;transition:opacity .4s ease;z-index:-1}.service-card:hover .service-icon-wrapper{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#7c3aed4d,#a78bfa33)}.service-card:hover .service-icon-wrapper:before{opacity:.3}.service-icon{color:var(--primary-purple);transition:all .4s cubic-bezier(.4,0,.2,1)}.service-card:hover .service-icon{color:var(--light-purple);filter:drop-shadow(0 0 8px rgba(124,58,237,.6))}.service-title{font-size:26px;font-weight:700;margin-bottom:20px;color:var(--text-primary);letter-spacing:-.01em;transition:color .3s ease}.service-card:hover .service-title{color:var(--light-purple)}.service-description{color:var(--text-secondary);margin-bottom:32px;line-height:1.7;font-size:15px}.service-features{list-style:none;margin-bottom:40px;display:flex;flex-direction:column;gap:12px}.service-features li{color:var(--text-muted);position:relative;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.service-features li:before{content:"✓";color:var(--primary-purple);font-weight:700;font-size:16px;transition:transform .3s ease}.service-card:hover .service-features li{color:var(--text-secondary)}.service-card:hover .service-features li:before{transform:scale(1.2)}.clients-section{padding:80px 0;background:#0a0a0f80;position:relative}.clients-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.3),transparent)}.clients-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.3),transparent)}.clients-marquee-wrapper{overflow:hidden;width:100%}.clients-marquee{display:flex;width:fit-content;animation:marquee 40s linear infinite;will-change:transform}.clients-marquee:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-content{display:flex;gap:60px;align-items:center;flex-shrink:0;padding-right:60px}.marquee-item{display:flex;align-items:center;gap:12px;white-space:nowrap;padding:0 20px}.marquee-item.playful-text{font-size:18px;font-weight:600;color:var(--text-secondary);letter-spacing:-.01em}.marquee-item .emoji{font-size:24px;animation:wave 2s ease-in-out infinite;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.marquee-item.logo-placeholder{opacity:.6}.placeholder-box{padding:20px 40px;border:2px dashed rgba(124,58,237,.3);border-radius:12px;background:#7c3aed0d;color:var(--text-muted);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.placeholder-box:hover{border-color:var(--primary-purple);background:#7c3aed1a;color:var(--light-purple);transform:scale(1.05)}.about{position:relative;padding:140px 0;overflow:hidden}.about-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.about-gradient-orb{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(100px);opacity:.15}.about-gradient-orb.orb-1{top:-200px;left:-100px;background:radial-gradient(circle,rgba(124,58,237,.6) 0%,transparent 70%);animation:orbFloat 20s ease-in-out infinite}.about-gradient-orb.orb-2{bottom:-200px;right:-100px;background:radial-gradient(circle,rgba(236,72,153,.4) 0%,transparent 70%);animation:orbFloat 20s ease-in-out infinite reverse}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.about-header{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto 80px}.about-label{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--primary-purple);background:#7c3aed1a;padding:8px 20px;border-radius:20px;margin-bottom:24px;border:1px solid rgba(124,58,237,.2)}.about-title{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.about-title-line{display:block}.about-lead{font-size:20px;line-height:1.6;color:var(--text-secondary);max-width:700px;margin:0 auto}.about-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.about-feature-card{position:relative;background:#1119;border:1px solid rgba(124,58,237,.15);border-radius:20px;padding:40px 32px;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(40px);animation:featureCardSlideIn .8s ease forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.about-feature-card[data-card="0"]{animation-delay:.1s}.about-feature-card[data-card="1"]{animation-delay:.2s}.about-feature-card[data-card="2"]{animation-delay:.3s}.about-feature-card[data-card="3"]{animation-delay:.4s}.about-feature-card[data-card="4"]{animation-delay:.5s}.about-feature-card[data-card="5"]{animation-delay:.6s}@keyframes featureCardSlideIn{to{opacity:1;transform:translateY(0)}}.about-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-purple),transparent);transform:translate(-100%);transition:transform .6s ease}.about-feature-card:hover:before{transform:translate(100%)}.about-feature-card:hover{transform:translateY(-8px);border-color:var(--primary-purple);background:#111c;box-shadow:0 20px 60px #7c3aed4d}.feature-card-number{position:absolute;top:24px;right:24px;font-size:80px;font-weight:900;color:#7c3aed0f;line-height:1;pointer-events:none;transition:all .5s ease}.about-feature-card:hover .feature-card-number{color:#7c3aed1f;transform:scale(1.1)}.feature-card-icon-wrapper{width:80px;height:80px;background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .4s ease}.about-feature-card:hover .feature-card-icon-wrapper{background:#7c3aed26;border-color:var(--primary-purple);transform:scale(1.05) rotate(5deg)}.feature-card-icon{stroke:var(--primary-purple);transition:all .4s ease}.about-feature-card:hover .feature-card-icon{stroke:var(--light-purple);filter:drop-shadow(0 0 10px rgba(124,58,237,.6));transform:scale(1.1)}.feature-card-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.01em}.feature-card-desc{font-size:15px;line-height:1.7;color:var(--text-muted);margin:0}.faq{padding:120px 0}.faq-grid{max-width:900px;margin:0 auto}.faq-item{position:relative;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:16px;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.faq-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-purple),transparent);transform:translate(-100%);transition:transform .6s ease;z-index:1}.faq-item:hover:before{transform:translate(100%)}.faq-item:hover{transform:translateY(-4px);border-color:var(--primary-purple);background:#7c3aed14;box-shadow:0 12px 48px #7c3aed33}.faq-question{width:100%;padding:24px;background:none;border:none;color:var(--text-primary);font-size:18px;font-weight:600;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-icon{font-size:24px;color:var(--primary-purple);transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer p{padding:0 24px 24px;color:var(--text-secondary);line-height:1.8}.contact{padding:120px 0;background:linear-gradient(180deg,transparent 0%,rgba(124,58,237,.02) 100%)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-info h2{margin-bottom:24px}.contact-info p{color:var(--text-secondary);font-size:18px;line-height:1.8;margin-bottom:40px}.contact-methods{display:flex;flex-direction:column;gap:32px}.contact-method{display:flex;gap:20px;align-items:flex-start}.method-icon{font-size:32px;flex-shrink:0}.method-details h4{font-size:18px;margin-bottom:4px;color:var(--text-primary)}.method-details p,.method-details a{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.method-details a:hover{color:var(--primary-purple)}.contact-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{position:relative;width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:16px;transition:all .5s cubic-bezier(.4,0,.2,1)}.form-group{position:relative}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--primary-purple);background:#7c3aed14;box-shadow:0 8px 24px #7c3aed26}.form-group select option{background:var(--darker-bg);color:var(--text-primary);padding:12px}.form-group select option:hover{background:var(--primary-purple)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-purple);background:#7c3aed14;box-shadow:0 8px 24px #7c3aed33}.form-group textarea{resize:vertical}.footer{background:var(--darker-bg);border-top:1px solid var(--border-color);padding:80px 0 32px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;margin-bottom:16px}.footer-tagline{color:var(--text-muted);line-height:1.6}.footer-section h4{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--primary-purple)}.footer-bottom{padding-top:32px;border-top:1px solid var(--border-color);text-align:center}.footer-bottom p{color:var(--text-muted);margin-bottom:8px}.footer-disclaimer{font-size:14px;opacity:.7}.footer-social{margin-bottom:32px;text-align:center}.social-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.social-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-icon:hover{background:var(--gradient-1);border-color:var(--primary-purple);color:var(--text-primary);transform:translateY(-4px);box-shadow:0 8px 24px #7c3aed66}.social-icon svg{transition:transform .3s ease}.social-icon:hover svg{transform:scale(1.1)}.contact-social-links{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.social-icon-small{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-icon-small:hover{background:var(--gradient-1);border-color:var(--primary-purple);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed66}.social-icon-small svg{transition:transform .3s ease}.social-icon-small:hover svg{transform:scale(1.1)}@media (max-width: 1024px){.hero-title{font-size:56px}.about-title{font-size:42px}.about-lead{font-size:18px}.about-grid{grid-template-columns:repeat(2,1fr);gap:20px}.about-feature-card{padding:32px 24px}.feature-card-number{font-size:60px}.feature-card-icon-wrapper{width:64px;height:64px}.feature-card-icon{width:32px;height:32px}.feature-card-title{font-size:18px}.feature-card-desc{font-size:14px}.contact-content{grid-template-columns:1fr;gap:60px}.footer-content{grid-template-columns:1fr 1fr;gap:40px}.services-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media (max-width: 768px){.logo-text{font-size:22px;letter-spacing:.5px}.btn{padding:12px 24px;font-size:14px}.nav-links{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;background:#000000f7;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:120px 40px 60px;gap:0;border:none;opacity:0;visibility:hidden;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s;z-index:999}.nav-links.active{opacity:1;visibility:visible}.nav-links:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(124,58,237,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(107,33,168,.06) 0%,transparent 50%);pointer-events:none;z-index:-1}.nav-links:after{content:"";position:absolute;top:0;left:0;width:2px;height:0;background:var(--gradient-1);transition:height .8s cubic-bezier(.4,0,.2,1) .2s}.nav-links.active:after{height:100%}.nav-links li{opacity:0;transform:translate(-50px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(124,58,237,.1)}.nav-links li:last-child{border-bottom:none}.nav-links.active li{opacity:1;transform:translate(0)}.nav-links.active li:nth-child(1){transition-delay:.15s}.nav-links.active li:nth-child(2){transition-delay:.25s}.nav-links.active li:nth-child(3){transition-delay:.35s}.nav-links.active li:nth-child(4){transition-delay:.45s}.nav-logo-bottom{display:none;border-bottom:none!important;margin-top:auto;padding:40px 0 0;justify-content:center}.nav-links .nav-logo-bottom{display:flex}.nav-bottom-logo{width:48px;height:48px;opacity:.15;transition:opacity .3s ease}.nav-links a{font-size:40px;font-weight:300;letter-spacing:-.03em;padding:28px 0;position:relative;overflow:hidden;display:flex;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-links a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:1px;background:var(--gradient-1);transition:width .4s cubic-bezier(.4,0,.2,1)}.nav-links a:hover,.nav-links a:active{padding-left:32px;color:var(--text-primary);text-shadow:0 0 30px rgba(124,58,237,.5)}.nav-links a:hover:before{width:24px}.nav-links a:after{display:none}.nav-toggle{display:flex;z-index:1001;position:relative}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero-title{font-size:40px}.title-line{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap}.hero-cycle-text{text-align:center;font-size:44px;display:inline-block}.hero-subtitle{font-size:18px;margin-bottom:32px}.hero-cta{flex-direction:column;align-items:stretch}.advantage-showcase{grid-template-columns:repeat(2,1fr);gap:16px}.advantage-card{padding:20px 16px}.advantage-icon{width:48px;height:48px;margin-bottom:12px}.advantage-icon svg{width:28px;height:28px}.advantage-title{font-size:14px}.advantage-desc{font-size:12px}.section-title{font-size:36px}.services-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:32px}}@media (max-width: 480px){.logo-text{font-size:20px;letter-spacing:.5px}.logo-icon{width:56px!important;height:56px!important}.container{padding:0 16px}.btn{padding:10px 20px;font-size:13px}.hero-title{font-size:28px}.title-line{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap}.hero-cycle-text{text-align:center;font-size:32px;display:inline-block}.hero-subtitle{font-size:16px;margin-bottom:28px}.section-title{font-size:28px}.section-subtitle{font-size:16px}.service-card{padding:32px 24px}.clients-section{padding:60px 0}.marquee-item.playful-text{font-size:16px}.placeholder-box{padding:16px 30px;font-size:12px}.contact-form{padding:24px}.about-title{font-size:32px}.about-lead{font-size:16px}.about-grid{grid-template-columns:1fr;gap:16px}.about-feature-card{padding:28px 20px}.feature-card-number{font-size:50px;top:20px;right:20px}.feature-card-icon-wrapper{width:56px;height:56px}.feature-card-icon{width:28px;height:28px}.feature-card-title{font-size:17px}.feature-card-desc{font-size:13px}}.notification-container{position:fixed;top:20px;right:20px;z-index:10001;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification-toast{display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:480px;padding:16px 20px;background:#141419fa;border:1px solid var(--border-color);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000080,0 0 0 1px #7c3aed1a;opacity:0;transform:translate(100px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:all}.notification-toast.notification-hide{opacity:0;transform:translate(100px)}.notification-toast:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0}.notification-success:before{background:linear-gradient(90deg,#10b981,#059669)}.notification-error:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.notification-warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.notification-info:before{background:linear-gradient(90deg,var(--primary-purple),var(--deep-purple))}.notification-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.notification-success .notification-icon{color:#10b981}.notification-error .notification-icon{color:#ef4444}.notification-warning .notification-icon{color:#f59e0b}.notification-info .notification-icon{color:var(--primary-purple)}.notification-content{flex:1;min-width:0}.notification-message{color:var(--text-primary);font-size:14px;line-height:1.5;word-wrap:break-word}.notification-close{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.notification-close:hover{background:#ffffff1a;color:var(--text-primary)}.modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10002;pointer-events:none}.notification-modal{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:all;opacity:0;transition:opacity .3s ease}.notification-modal-show{opacity:1}.notification-modal-hide{opacity:0}.notification-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.notification-modal-content{position:relative;width:90%;max-width:480px;background:#141419fa;border:1px solid var(--border-color);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0009,0 0 0 1px #7c3aed33;transform:scale(.9);transition:transform .3s cubic-bezier(.4,0,.2,1)}.notification-modal-show .notification-modal-content{transform:scale(1)}.notification-modal-hide .notification-modal-content{transform:scale(.9)}.notification-modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-color)}.notification-modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notification-modal-body{padding:24px}.notification-modal-body p{margin:0 0 16px;color:var(--text-secondary);line-height:1.6;font-size:15px}.notification-modal-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;transition:all .3s ease}.notification-modal-input:focus{outline:none;border-color:var(--primary-purple);background:#7c3aed14;box-shadow:0 0 0 3px #7c3aed1a}.notification-modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.notification-modal-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.notification-modal-btn.btn-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.notification-modal-btn.btn-cancel:hover{background:#ffffff0d;color:var(--text-primary);border-color:var(--primary-purple)}.notification-modal-btn.btn-primary{background:var(--gradient-1);color:var(--text-primary);box-shadow:0 4px 12px #7c3aed4d}.notification-modal-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.notification-modal-btn.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--text-primary);box-shadow:0 4px 12px #ef44444d}.notification-modal-btn.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}@media (max-width: 768px){.notification-container{top:10px;right:10px;left:10px}.notification-toast{min-width:0;max-width:none}.notification-modal-content{width:95%;max-width:none}.notification-modal-footer{flex-direction:column}.notification-modal-btn{width:100%}}.chat-widget{position:fixed;bottom:20px;right:20px;z-index:99999;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;opacity:0;transform:translateY(20px) scale(.9);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.email-input-container{background:linear-gradient(135deg,#7c3aed1a,#6b21a81a);border:1px solid rgba(124,58,237,.3);border-radius:16px;padding:20px;margin:12px 0;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-input-container h4{margin:0 0 8px;font-size:15px;font-weight:600;color:#fff}.email-input-container p{margin:0 0 16px;font-size:13px;color:#ffffffb3;line-height:1.5}.email-input-field{width:100%;padding:12px 16px;background:#ffffff0d;border:2px solid rgba(124,58,237,.3);border-radius:10px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.email-input-field:focus{outline:none;border-color:#7c3aed;background:#ffffff14;box-shadow:0 0 0 4px #7c3aed1a,0 4px 12px #7c3aed33;transform:translateY(-2px)}.email-input-field::placeholder{color:#fff6}.email-submit-btn{width:100%;padding:12px 24px;margin-top:20px;background:linear-gradient(135deg,#7c3aed,#6b21a8);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #7c3aed4d}.email-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.email-submit-btn:active{transform:translateY(0)}.email-skip-btn{width:100%;padding:10px 24px;margin-top:8px;background:transparent;border:1px solid rgba(124,58,237,.3);border-radius:10px;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.email-skip-btn:hover{border-color:#7c3aed;color:#fff;background:#7c3aed1a}.email-confirmation-container{background:linear-gradient(135deg,#7c3aed1a,#6b21a81a);border:1px solid rgba(124,58,237,.3);border-radius:16px;padding:20px;margin:12px 0;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.email-confirmation-container h4{margin:0 0 8px;font-size:15px;font-weight:600;color:#fff}.email-confirmation-container p{margin:0 0 16px;font-size:13px;color:#ffffffb3;line-height:1.5}.email-confirmation-container p strong{color:#7c3aed;font-weight:600}.confirmation-buttons{display:flex;gap:10px}.confirm-btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px}.confirm-yes{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.confirm-yes:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.confirm-change{background:#ffffff0d;border:1px solid rgba(124,58,237,.3);color:#ffffffe6}.confirm-change:hover{border-color:#7c3aed;background:#7c3aed1a;transform:translateY(-2px)}.confirm-btn:active{transform:translateY(0)}.yesno-buttons-container{background:linear-gradient(135deg,#7c3aed1a,#6b21a81a);border:1px solid rgba(124,58,237,.3);border-radius:16px;padding:20px;margin:12px 0;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.yesno-buttons{display:flex;gap:10px}.yesno-btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px}.yesno-yes{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.yesno-yes:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.yesno-no{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.yesno-no:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.yesno-btn:active{transform:translateY(0)}.close-chat-container{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:20px;margin:12px 0;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.close-chat-btn{width:100%;padding:14px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.close-chat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.close-chat-btn:active{transform:translateY(0)}.close-chat-btn span{font-size:18px}.chat-closed-message{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid rgba(16,185,129,.3);border-radius:16px;padding:24px;margin:12px 0;text-align:center;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-closed-content p{margin:0;font-size:14px;color:#ffffffe6;font-weight:500}.chat-widget.loaded{opacity:1;transform:translateY(0) scale(1)}body.menu-open .chat-window{opacity:0;transform:translateY(20px) scale(.9)}body.menu-open .chat-toggle{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.chat-toggle{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6b21a8);border:2px solid rgba(124,58,237,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #7c3aed66,0 0 60px #7c3aed33;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100000;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}.chat-toggle:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 48px #7c3aed99,0 0 80px #7c3aed4d;border-color:#a78bfa}.chat-toggle:active{transform:translateY(-2px) scale(.98);box-shadow:0 4px 16px #7c3aed80}.chat-notification{position:absolute;top:6px;right:6px;width:12px;height:12px;background:linear-gradient(135deg,#f44,#c00);border-radius:50%;border:2px solid #0A0A0A;animation:notificationPulse 2s ease-in-out infinite;box-shadow:0 0 8px #f449}@keyframes notificationPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.chat-window{position:fixed;bottom:100px;right:20px;width:400px;max-width:400px;height:620px;max-height:620px;background:#0a0a0af2;border-radius:20px;border:1px solid rgba(124,58,237,.3);box-shadow:0 20px 60px #000c,0 0 80px #7c3aed33;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99999}.chat-window.closing{animation:slideDown .3s cubic-bezier(.4,0,.6,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}.chat-header{background:linear-gradient(135deg,#7c3aed,#6b21a8);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden;gap:12px}.chat-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:headerShimmer 3s ease-in-out infinite}@keyframes headerShimmer{0%{left:-100%}to{left:100%}}.chat-header-content{position:relative;z-index:1}.chat-header-content h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.chat-header-content p{margin:6px 0 0;font-size:13px;opacity:.9;font-weight:500}.chat-header-actions{display:flex;gap:8px;position:relative;z-index:1}.chat-minimize-btn,.chat-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:20px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.chat-minimize-btn{font-size:24px;line-height:1;padding-bottom:4px}.chat-close-btn{font-size:24px}.chat-minimize-btn:hover,.chat-close-btn:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.chat-init{padding:40px 32px;display:flex;flex-direction:column;gap:20px;flex:1;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.chat-init-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.chat-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.3) 0%,transparent 70%);animation:floatParticle 8s infinite ease-in-out}@keyframes floatParticle{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(30px,-30px) scale(1.2);opacity:.8}50%{transform:translate(-20px,-60px) scale(.9);opacity:.6}75%{transform:translate(-40px,-30px) scale(1.1);opacity:.7}}#onboarding-content{position:relative;z-index:1;width:100%}.chat-init h4{margin:0 0 8px;color:#fff;font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.3;animation:slideInUp .5s cubic-bezier(.4,0,.2,1)}.chat-init p{margin:0 0 24px;color:#a3a3a3;font-size:15px;line-height:1.6;animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .1s backwards}.chat-init input{width:100%;padding:14px 18px;background:#ffffff08;border:1px solid rgba(124,58,237,.2);border-radius:12px;color:#fff;font-size:15px;font-family:inherit;transition:all .3s ease;animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .2s backwards}.chat-init input:hover{border-color:#7c3aed66;background:#7c3aed0d}.chat-init input:focus{outline:none;border-color:#7c3aed;background:#7c3aed14;box-shadow:0 0 0 3px #7c3aed1a}.chat-init input::placeholder{color:#666}.chat-submit-btn{width:100%;padding:14px 24px;margin-top:24px;background:linear-gradient(135deg,#7c3aed,#6b21a8);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #7c3aed4d;animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .3s backwards}.chat-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed80}.chat-submit-btn:active{transform:translateY(0)}#chat-content{display:flex;flex-direction:column;flex:1;overflow:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:4px;transition:background .3s ease}.chat-messages::-webkit-scrollbar-thumb:hover{background:#7c3aed80}.chat-message{display:flex;flex-direction:column;gap:4px;max-width:80%;animation:fadeIn .3s ease;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-end}.chat-message.admin{align-self:flex-start;padding-left:48px}.chat-message.admin .message-avatar{position:absolute;left:0;top:20px;width:36px;height:36px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px #7c3aed4d;border:2px solid rgba(124,58,237,.4)}.chat-message.admin .message-avatar img{width:100%;height:100%;object-fit:cover}.message-header{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.8px}.message-content{padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.6;word-wrap:break-word;position:relative}.chat-message.user .message-content{background:linear-gradient(135deg,#7c3aed,#6b21a8);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #7c3aed4d}.chat-message.admin .message-content{background:#ffffff0d;border:1px solid rgba(124,58,237,.2);color:#e5e5e5;border-bottom-left-radius:4px}.message-time{font-size:10px;color:#666}.chat-input-container{display:flex;gap:10px;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0));background:#00000080;border-top:1px solid rgba(124,58,237,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#chat-message-input{flex:1;padding:12px 16px;background:#ffffff08;border:1px solid rgba(124,58,237,.2);border-radius:12px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s ease}#chat-message-input:hover{border-color:#7c3aed66;background:#7c3aed0d}#chat-message-input:focus{outline:none;border-color:#7c3aed;background:#7c3aed14;box-shadow:0 0 0 3px #7c3aed1a}#chat-message-input::placeholder{color:#666}.chat-send-btn{padding:12px 24px;background:linear-gradient(135deg,#7c3aed,#6b21a8);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #7c3aed4d}.chat-send-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed80}.chat-send-btn:active{transform:translateY(0)}.typing-indicator{display:flex;align-items:center;gap:12px;max-width:80%;align-self:flex-start;padding:12px 12px 12px 48px;position:relative}.typing-indicator .message-avatar{position:absolute;left:0;top:8px;width:36px;height:36px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px #7c3aed4d;border:2px solid rgba(124,58,237,.4)}.typing-indicator .message-avatar img{width:100%;height:100%;object-fit:cover}.typing-indicator .typing-dots{background:#ffffff0d;border:1px solid rgba(124,58,237,.2);border-radius:14px;padding:12px 16px;display:flex;gap:4px;align-items:center}.typing-indicator .typing-dots span{width:8px;height:8px;background:#7c3aed;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator .typing-dots span:nth-child(2){animation-delay:.2s}.typing-indicator .typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-8px);opacity:1}}.end-chat-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;border-radius:20px}.end-chat-modal-content{background:linear-gradient(135deg,#141414fa,#0a0a0afa);border:1px solid rgba(124,58,237,.3);border-radius:16px;padding:28px;max-width:340px;width:90%;box-shadow:0 20px 60px #000c,0 0 40px #7c3aed33;animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}.end-chat-modal-content h4{margin:0 0 12px;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.01em}.end-chat-modal-content p{margin:0 0 24px;font-size:14px;color:#a3a3a3;line-height:1.6}.end-chat-modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:12px 24px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;font-family:inherit}.modal-btn-cancel{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.modal-btn-cancel:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.modal-btn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.modal-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.modal-btn-confirm:active,.modal-btn-cancel:active{transform:translateY(0)}.conversation-closed{text-align:center;padding:24px;margin:16px 0;animation:slideInUp .4s cubic-bezier(.4,0,.2,1)}.conversation-closed .closed-message{background:linear-gradient(135deg,#7c3aed1a,#6b21a81a);border:1px solid rgba(124,58,237,.3);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.conversation-closed .closed-message h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#fff}.conversation-closed .closed-message p{margin:0;font-size:14px;color:#ffffffb3;line-height:1.5}@media (max-width: 1024px){.chat-window{position:fixed!important;bottom:0!important;right:0!important;left:0!important;top:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;border:none!important;z-index:999999!important;padding-bottom:env(safe-area-inset-bottom,0)!important}.chat-header{flex-shrink:0;position:relative;z-index:10}.chat-header-actions{position:relative;z-index:100}.chat-minimize-btn,.chat-close-btn{position:relative;z-index:101;pointer-events:auto}.chat-init{padding:40px 24px}.end-chat-modal-content{max-width:300px;padding:24px}.end-chat-modal-content h4{font-size:18px}.end-chat-modal-content p{font-size:13px}}.chat-options-menu{margin:0;padding:0}.options-buttons{display:flex;flex-direction:column;gap:10px;margin-top:16px}.option-btn{padding:14px 20px;background:linear-gradient(135deg,#7c3aed26,#6b21a826);border:1px solid rgba(124,58,237,.4);border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;font-family:inherit}.option-btn:hover{background:linear-gradient(135deg,#7c3aed40,#6b21a840);border-color:#7c3aed99;transform:translate(4px);box-shadow:0 4px 12px #7c3aed4d}.option-btn:active{transform:translate(4px) scale(.98)}.waiting-for-agent-container{background:linear-gradient(135deg,#ff95001a,#ff64001a);border:1px solid rgba(255,149,0,.3);border-radius:16px;padding:24px;margin:16px 0;text-align:center;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.waiting-for-agent-container h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.waiting-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#ff9500;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.waiting-for-agent-container p{margin:0 0 16px;font-size:13px;color:#ffffffb3;line-height:1.5}.waiting-timer{font-size:32px;font-weight:700;color:#0f8;margin:20px 0;text-align:center;font-family:Courier New,monospace;letter-spacing:3px;text-shadow:0 0 10px rgba(0,255,136,.3);padding:12px;background:#00ff880d;border-radius:8px;border:1px solid rgba(0,255,136,.2)}.waiting-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.waiting-btn{padding:10px 16px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.waiting-btn-primary{background:#ff950033;color:#ff9500;border:1px solid rgba(255,149,0,.4)}.waiting-btn-primary:hover{background:#ff95004d;transform:translateY(-2px)}.waiting-btn-secondary{background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.waiting-btn-secondary:hover{background:#ffffff1a}.chat-end-screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.chat-end-screen h4{margin:0 0 12px;color:#fff;font-size:32px;font-weight:700;letter-spacing:-.02em;animation:slideInUp .5s cubic-bezier(.4,0,.2,1)}.chat-end-screen p{margin:0 0 32px;color:#a3a3a3;font-size:16px;line-height:1.6;animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .1s backwards}.chat-end-screen .chat-submit-btn{animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .2s backwards;max-width:320px}.thanks-bubble{position:absolute;bottom:40px;right:20px;background:linear-gradient(135deg,#7c3aed,#6b21a8);border-radius:18px;padding:12px 18px;box-shadow:0 4px 16px #7c3aed66;animation:slideInRight .5s cubic-bezier(.4,0,.2,1) .3s backwards}.thanks-message{color:#fff;font-size:15px;font-weight:600;margin-bottom:4px}.thanks-time{color:#ffffffb3;font-size:11px;text-align:right}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.chat-ended-screen{display:flex;align-items:center;justify-content:center;height:100%;width:100%;opacity:0;transform:scale(.9);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.chat-ended-screen.visible{opacity:1;transform:scale(1)}.chat-ended-content{text-align:center;padding:40px 32px;max-width:360px}.chat-ended-icon{width:80px;height:80px;margin:0 auto 24px;color:#10b981;animation:scaleInBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleInBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.chat-ended-content h3{margin:0 0 12px;font-size:24px;font-weight:700;color:#fff;animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .1s backwards}.chat-ended-content p{margin:0 0 32px;font-size:15px;line-height:1.6;color:#a3a3a3;animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .2s backwards}.chat-new-conversation-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#7c3aed,#6b21a8);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #7c3aed4d;animation:slideInUp .5s cubic-bezier(.4,0,.2,1) .3s backwards}.chat-new-conversation-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed80}.chat-new-conversation-btn:active{transform:translateY(0);box-shadow:0 4px 16px #7c3aed66}.chat-new-conversation-btn svg{width:20px;height:20px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:10003;background:#0f0f14fa;border-top:1px solid rgba(124,58,237,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;box-shadow:0 -8px 40px #0009,0 0 0 1px #7c3aed33;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.cookie-consent-banner.cookie-show{transform:translateY(0)}.cookie-consent-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary-purple),transparent)}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:24px}.cookie-consent-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:12px;color:var(--primary-purple)}.cookie-consent-text{flex:1;min-width:0}.cookie-consent-text h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.cookie-consent-text p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.cookie-consent-actions{display:flex;gap:12px;flex-shrink:0}.cookie-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.cookie-btn-accept{background:var(--gradient-1);color:var(--text-primary);box-shadow:0 4px 12px #7c3aed4d}.cookie-btn-accept:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.cookie-btn-reject{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.cookie-btn-reject:hover{background:#ffffff0d;color:var(--text-primary);border-color:var(--primary-purple)}.cookie-btn-settings{background:transparent;color:var(--primary-purple);border:1px solid rgba(124,58,237,.3)}.cookie-btn-settings:hover{background:#7c3aed1a;border-color:var(--primary-purple)}.cookie-consent-settings{max-width:800px;margin:0 auto}.cookie-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cookie-settings-header h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.cookie-close-settings{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.cookie-close-settings:hover{background:#ffffff1a;color:var(--text-primary)}.cookie-settings-body{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.cookie-category{background:#7c3aed0d;border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:20px;transition:all .3s ease}.cookie-category:hover{background:#7c3aed14;border-color:#7c3aed4d}.cookie-category-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.cookie-category h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.cookie-category p{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0}.cookie-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.cookie-toggle.disabled{cursor:not-allowed;opacity:.7}.cookie-toggle input{display:none}.toggle-slider{position:relative;width:48px;height:24px;background:#ffffff1a;border:1px solid var(--border-color);border-radius:24px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-muted);border-radius:50%;transition:all .3s ease}.cookie-toggle input:checked+.toggle-slider{background:var(--gradient-1);border-color:var(--primary-purple)}.cookie-toggle input:checked+.toggle-slider:before{transform:translate(24px);background:#fff}.cookie-toggle:not(.disabled):hover .toggle-slider{border-color:var(--primary-purple)}.toggle-label{font-size:13px;color:var(--text-muted);font-weight:500}.cookie-settings-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(124,58,237,.2)}.cookie-link{color:var(--primary-purple);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.cookie-link:hover{color:var(--light-purple);text-decoration:underline}.cookie-btn-save{background:var(--gradient-1);color:var(--text-primary);box-shadow:0 4px 12px #7c3aed4d}.cookie-btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}@media (max-width: 1024px){.cookie-consent-content{flex-direction:column;align-items:stretch}.cookie-consent-actions{justify-content:stretch}.cookie-btn{flex:1}}@media (max-width: 768px){.cookie-consent-banner{padding:20px 16px}.cookie-consent-content{gap:16px}.cookie-consent-icon{width:40px;height:40px}.cookie-consent-icon svg{width:20px;height:20px}.cookie-consent-text h3{font-size:16px}.cookie-consent-text p{font-size:13px}.cookie-consent-actions{flex-direction:column}.cookie-btn{width:100%;justify-content:center}.cookie-settings-footer{flex-direction:column;gap:16px;align-items:stretch}.cookie-btn-save{width:100%}}@media (max-width: 480px){.cookie-consent-banner{padding:16px 12px}.cookie-btn{padding:10px 16px;font-size:13px}.cookie-category{padding:16px}.cookie-category-header{flex-direction:column;gap:16px}}.notification-container{position:fixed;top:20px;right:20px;z-index:100000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification-toast{background:#14141ef2;border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:16px;min-width:300px;max-width:400px;box-shadow:0 8px 32px #00000080;display:flex;align-items:center;gap:12px;pointer-events:auto;opacity:0;transform:translate(400px);transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-toast.notification-show{opacity:1;transform:translate(0)}.notification-toast.notification-hide{opacity:0;transform:translate(400px)}.notification-icon{flex-shrink:0}.notification-success .notification-icon{color:#0f8}.notification-error .notification-icon{color:#ff3b30}.notification-warning .notification-icon{color:#ff9500}.notification-info .notification-icon{color:#00d4ff}.notification-content{flex:1}.notification-message{color:#fff;font-size:14px;line-height:1.5}.notification-close{background:none;border:none;color:#888;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.notification-close:hover{color:#fff}.modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100001}.notification-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100001;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.notification-modal.notification-modal-show{opacity:1}.notification-modal.notification-modal-hide{opacity:0}.notification-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.notification-modal-content{position:relative;background:linear-gradient(135deg,#14141ef2,#1e1e2df2);border:2px solid rgba(0,212,255,.4);border-radius:20px;padding:30px;max-width:500px;width:90%;box-shadow:0 20px 60px #00d4ff4d;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.notification-modal.notification-modal-show .notification-modal-content{transform:scale(1) translateY(0)}.notification-modal-header{margin-bottom:20px}.notification-modal-header h3{font-size:22px;font-weight:700;color:#fff;margin:0}.notification-modal-body{margin-bottom:25px}.notification-modal-body p{font-size:15px;line-height:1.6;color:#fffc;margin:0 0 15px}.notification-modal-body p:last-child{margin-bottom:0}.notification-modal-input{width:100%;padding:12px 16px;background:#ffffff0d;border:2px solid rgba(0,212,255,.3);border-radius:10px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s ease}.notification-modal-input:focus{outline:none;border-color:#00d4ff;background:#ffffff14;box-shadow:0 0 0 4px #00d4ff1a}.notification-modal-footer{display:flex;gap:12px;justify-content:flex-end}.notification-modal-btn{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.notification-modal-btn.btn-primary{background:linear-gradient(135deg,#00d4ff,#7a5cff);color:#fff}.notification-modal-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff66}.notification-modal-btn.btn-danger{background:linear-gradient(135deg,#ff3b30,#f06);color:#fff}.notification-modal-btn.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f066}.notification-modal-btn.btn-cancel{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.2)}.notification-modal-btn.btn-cancel:hover{background:#ffffff1a}@media (max-width: 768px){.notification-container{top:10px;right:10px;left:10px}.notification-toast{min-width:auto;max-width:none}.notification-modal-content{width:95%;padding:24px}.notification-modal-header h3{font-size:20px}.notification-modal-body p{font-size:14px}.notification-modal-footer{flex-direction:column}.notification-modal-btn{width:100%}}