:root{--brand-gradient:linear-gradient(135deg, #6366f1 0%, #ec4899 100%);--header-nav-hover:linear-gradient(135deg, #6365f171 0%, #ec489a71 100%);--bg-main:#f8fafc;--bg-glass:rgba(255, 255, 255, 0.9);--bg-card:#ffffff;--demo-text-head:#0f172a;--demo-text-body:#475569;--demo-header-height:72px;--border-idle:rgba(0, 0, 0, 0.1);--shape-color:rgba(99, 102, 241, 0.1);--title-gradient:linear-gradient(135deg, #6366f1 0%, #ec4899 100%)}.demo-header-height{height:var(--demo-header-height)}@media (prefers-color-scheme:dark){:root{--brand-gradient:linear-gradient(135deg, #6366f1 0%, #ec4899 100%);--title-gradient:linear-gradient(135deg, #818cf8 0%, #f472b6 100%);--header-nav-hover:linear-gradient(135deg, #6366f1 0%, #ec4899 100%);--brand-accent:#06b6d4;--bg-main:#020617;--bg-glass:rgba(2, 6, 23, 0.85);--bg-card:#0f172a;--demo-text-head:#ffffff;--demo-text-body:#cbd5e1;--border-idle:rgba(255, 255, 255, 0.08);--shape-color:rgba(255, 255, 255, 0.05)}}:root{--primary-pink:#ff2d76;--primary-purple:#c652db;--accent-yellow:#ffc107;--accent-blue:#2196f3;--accent-green:#00e676;--hero-shape-1:#fadce6;--hero-shape-2:#e3ddfa;--border-idle:rgba(0, 0, 0, 0.1);--demo-footer-bg:#111827}@media (prefers-color-scheme:dark){:root{--shadow-sm:0 5px 15px rgba(0, 0, 0, 0.3);--shadow-md:0 15px 35px rgba(0, 0, 0, 0.4);--header-shadow:0 4px 20px rgba(0,0,0,0.4);--hero-shape-1:rgba(255, 45, 118, 0.2);--hero-shape-2:rgba(198, 82, 219, 0.2);--border-idle:rgba(255, 255, 255, 0.08);--demo-footer-bg:#020617}}.animated-text{background:linear-gradient(to right,var(--primary-pink),var(--primary-purple),var(--accent-blue),var(--accent-green),var(--primary-pink));background-size:200% auto;color:var(--primary-pink);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite;font-weight:700}@keyframes shine{to{background-position:200% center}}#hero{padding:100px 0 80px;text-align:center;position:relative;background:radial-gradient(circle at 10% 20%,rgba(255,45,118,.12) 0,transparent 45%),radial-gradient(circle at 90% 80%,rgba(198,82,219,.12) 0,transparent 45%),radial-gradient(circle at 50% 50%,rgba(33,150,243,.08) 0,transparent 55%),radial-gradient(circle at 85% 15%,rgba(255,193,7,.1) 0,transparent 35%);overflow:hidden;z-index:1}.hero-shape{position:absolute;z-index:-1}.hs-1{top:15%;left:5%;width:70px;height:70px;background:linear-gradient(135deg,#fadce6 0,var(--primary-pink) 100%);border-radius:50%;animation:float 6s ease-in-out infinite;opacity:.8;box-shadow:0 10px 25px rgba(233,30,99,.3)}.hs-2{bottom:20%;right:10%;width:100px;height:100px;background:linear-gradient(135deg,#e3ddfa 0,var(--primary-purple) 100%);border-radius:24px;transform:rotate(30deg);animation:float 8s ease-in-out infinite reverse;opacity:.8;box-shadow:0 10px 25px rgba(156,39,176,.3)}.hs-3{top:35%;right:22%;width:50px;height:50px;background:radial-gradient(circle,var(--accent-yellow) 0,transparent 70%);opacity:.6;border-radius:50%;animation:pulse 4s infinite;filter:blur(5px)}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.7}}.hero-feature-box div{background:var(--card-background);width:110px;height:105px;padding:10px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:var(--shadow-s);transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--border);cursor:pointer;transition:.2s ease}.hero-feature-box span{font-size:15px;font-weight:500}.hero-feature-box svg{width:43px;height:43px}.demo-hero-title h2{font-size:clamp(1.5rem,calc(.955rem + 2.727vw),2.8rem)}.hero-feature-box div:hover{transform:translateY(-3px);box-shadow:var(--shadow-m);border-color:var(--accent)}.hero-buttons{display:flex;justify-content:center;gap:20px;margin-bottom:70px}.btn{padding:16px 36px;border-radius:50px;font-weight:600;font-size:16px;cursor:pointer;border:none;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-view-all{background:linear-gradient(to right,var(--primary),var(--accent));color:#fff;box-shadow:var(--shadow-s)}.btn-view-all:hover{transform:translateY(-3px);box-shadow:0 15px 35px -10px rgba(233,30,99,.6);box-shadow:var(--shadow-l)}.btn-download{background:var(--card-background);color:var(--text-main);border:2px solid var(--border);box-shadow:var(--shadow-s)}.btn-download:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-l)}.scroll-indicator svg{animation:bounce 2s infinite}.scroll-indicator svg:hover{animation:none}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}#demo-content-section{padding:100px 20px;position:relative;overflow:hidden}#demo-content-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--text-secondary) 1px,transparent 1px);background-size:30px 30px;opacity:.08;z-index:0;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%)}#demo-content-section::after{content:'';position:absolute;top:0;right:0;width:55%;height:100%;background:linear-gradient(135deg,rgba(33,150,243,.05) 0,rgba(233,30,99,.05) 100%);z-index:0;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%)}.content-shape{position:absolute;z-index:1;pointer-events:none}.cs-1{width:60px;height:60px;border:6px solid var(--accent-yellow);border-radius:50%;top:15%;left:5%;opacity:.6;animation:float 7s ease-in-out infinite}.cs-2{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));border-radius:12px;bottom:1%;left:50%;opacity:.8;box-shadow:0 10px 20px rgba(233,30,99,.2);animation:spin-float 12s linear infinite}.cs-3{width:90px;height:90px;border:6px solid var(--accent-blue);border-radius:50%;border-right-color:transparent;border-bottom-color:transparent;top:9%;right:11%;opacity:.5;animation:spin 15s linear infinite}.cs-4,.cs-5,.cs-6,.cs-7{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:25px solid var(--accent-green);opacity:.6;animation:float 5s ease-in-out infinite reverse;transform:rotate(-15deg)}.cs-4{top:57%;left:12%}.cs-5{top:57%;left:34%}.cs-6{top:57%;left:63%}.cs-7{top:57%;left:86%}@keyframes spin-float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}100%{transform:translateY(0) rotate(360deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.containt-box h3{font-size:1.05rem;margin-bottom:12px}.image-magic-card,.magic-card{position:relative;background:var(--bg-card);border-radius:10px;overflow:hidden;z-index:1;padding:2px}.demo-img-boxes{padding:2px}.image-magic-card::before,.magic-card::before{content:"";position:absolute;inset:-100%;background:conic-gradient(from 0deg,transparent 0deg,transparent 280deg,#ec4899 320deg,#6366f1 360deg);opacity:0;transition:opacity .3s ease;pointer-events:none;animation-play-state:paused}.image-magic-card:hover::before,.magic-card:hover::before{opacity:1;animation:border-spin 3s linear infinite}@keyframes border-spin{to{transform:rotate(360deg)}}.demo-containt-img-box{padding:10px;background:var(--bg-card);border-radius:10px;position:relative;box-shadow:var(--shadow-sm)}.demo-img-boxes{height:400px;overflow:hidden;position:relative;border-radius:8px;background:#f3f4f6}.demo-img-boxes img{width:100%;height:auto;display:block;position:relative;top:0;image-rendering:auto;will-change:transform;transform:translate3d(0,0,0)}.live-preview-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.live-preview-btn svg{width:17px;height:17px;padding:0;fill:#fff}.live-preview-btn a{pointer-events:auto;display:flex;justify-content:center;align-content:center;align-items:center;line-height:0;padding:7px 15px;border-radius:5px;gap:7px;font-size:15px;font-weight:500;color:#fff;background:var(--demo-post-color-2);box-shadow:0 10px 25px rgba(0,0,0,.25);transition:all .5s}.live-preview-btn a:focus-visible,.live-preview-btn a:hover{box-shadow:0 14px 35px rgba(0,0,0,.35);background:var(--demo-post-color-1);transition:all .5s}#features{padding:100px 0;z-index:1;position:relative;overflow:hidden}.feature-bg-shape{position:absolute;border-radius:50%;filter:blur(60px);z-index:-1;opacity:.4}.fbs-1{width:300px;height:300px;background:var(--primary-pink);top:10%;left:-100px;animation:pulse-slow 8s infinite alternate}.fbs-2{width:400px;height:400px;background:var(--accent-blue);bottom:5%;right:-100px;animation:pulse-slow 10s infinite alternate-reverse}@keyframes pulse-slow{0%{transform:scale(1);opacity:.3}100%{transform:scale(1.1);opacity:.5}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.feature-box{background:var(--card-background);padding:40px 30px;border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-m);overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:18px}.feature-box h3{text-align:center;font-size:22px;font-weight:600;margin:0!important;padding-top:15px}.feature-box p{text-align:center;font-size:1rem;font-weight:400;margin:0!important;padding-top:12px}.feature-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--brand-gradient);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.feature-box:hover{transform:translateY(-7px);box-shadow:var(--neon-glow);border-color:transparent}.feature-box:hover::before{transform:scaleX(1)}.demo-feature-svg-box{border-radius:16px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(236,72,153,.1));color:#ec4899;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px;transition:.3s;padding:10px;margin:0!important}.demo-feature-svg-box svg{width:48px!important}.feature-box:hover .demo-feature-svg-box{background:var(--brand-gradient);color:#fff;transform:scale(1.1)}.cta-section{padding:120px 20px;background:linear-gradient(135deg,#6a11cb 0,#2575fc 50%,var(--primary-pink) 100%);color:#fff;position:relative;overflow:hidden;transition:background .3s ease}@media (prefers-color-scheme:dark){.cta-section{background:linear-gradient(135deg,#1e1b4b 0,#312e81 50%,#4c1d95 100%)}}.cta-section::after,.cta-section::before{content:'';position:absolute;border-radius:50%;background:linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,.05));z-index:1}.cta-section::before{width:300px;height:300px;top:-100px;left:-100px}.cta-section::after{width:400px;height:400px;bottom:-150px;right:-100px}.btn-cta-white{position:relative;background-color:#fff;color:#7c3aed;font-weight:700;font-size:1.05rem;padding:18px 50px;border-radius:9999px;box-shadow:0 10px 25px -5px rgba(124,58,237,.4),0 0 0 1px rgba(255,255,255,.2);transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;display:inline-flex;align-items:center;gap:8px;letter-spacing:-.01em;border:none;outline:0}.btn-cta-white:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 20px 35px -8px rgba(124,58,237,.55),0 0 0 5px rgba(255,255,255,.25);color:#6d28d9}.btn-cta-white:active{transform:translateY(-1px) scale(.98)}footer{border-top:4px solid transparent;border-image:linear-gradient(to right,var(--primary-pink),var(--primary-purple),var(--accent-blue),var(--accent-green)) 1}.social-icon{list-style:none;line-height:0;padding:10px;border-radius:6px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.social-icon svg{width:16px;fill:#fff}.social-icon:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 10px currentColor,0 0 25px currentColor}.social-icon::after{content:"";position:absolute;width:10px;height:10px;background:rgba(255,255,255,.5);border-radius:50%;transform:scale(0);opacity:0}.social-icon:active::after{animation:ripple .6s ease}@keyframes ripple{from{transform:scale(0);opacity:.6}to{transform:scale(6);opacity:0}}.facebook{background:#1877f2;color:#1877f2}.youtube{background:red;color:red}.telegram{background:#229ed9;color:#229ed9}.instagram{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af);color:#e1306c}.twitter{background:#000;color:#000}.social-icon:focus-visible{outline:2px solid #fff;outline-offset:3px}.demo-footer-btn{padding:10px 30px;color:#fff;border-radius:4px;font-weight:500;background:linear-gradient(45deg,var(--primary),var(--primary-hover),var(--accent));transition:all .3s;box-shadow:var(--shadow-m)}.demo-footer-btn:hover{background:linear-gradient(90deg,var(--primary),var(--primary-hover),var(--accent));box-shadow:var(--shadow-l);transform:translateY(-3px)}@media (max-width:992px){.mobile-menu-toggle{display:block}.content-container{grid-template-columns:1fr;text-align:center;gap:40px}.content-list li{justify-content:center}.content-visual{height:350px}.hero-title{font-size:38px}}@media (width <= 1024px){.cta-section{padding:60px 20px}}@media (width < 768px){.cta-section{padding:40px 20px}}.demo-grid{display:flex;flex-wrap:wrap;gap:20px}.containt-box{flex:0 0 calc(33.333% - 20px);box-sizing:border-box;text-align:center;z-index:9}@media (max-width:1024px){.containt-box{flex:0 0 calc(50% - 20px)}}@media (max-width:767px){.containt-box{flex:0 0 100%}}.containt-box h3{font-size:1.05rem;margin-bottom:12px}.magic-card{position:relative;background:var(--bg-card);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;z-index:1;padding:2px}.demo-img-boxes{padding:2px}.magic-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,transparent,transparent,#ec4899,#6366f1);animation:rotate 4s linear infinite;opacity:0;transition:opacity .3s}.magic-card:hover::before{opacity:1}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.image-magic-card{position:relative;background:var(--bg-card);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;z-index:1;padding:2px}.image-magic-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,transparent,transparent,#ec4899,#6366f1);animation:rotate-2 4s linear infinite;opacity:0;transition:opacity .3s}.image-magic-card:hover::before{opacity:1}@keyframes rotate-2{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}.demo-containt-img-box{padding:10px;background:var(--bg-card);border-radius:10px;position:relative;box-shadow:var(--shadow-sm)}.demo-img-boxes{height:400px;overflow:hidden;position:relative;border-radius:8px;background:#f3f4f6}.demo-img-boxes img{width:100%;height:auto;display:block;transform:translateY(0);will-change:transform;backface-visibility:hidden}.live-preview-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.live-preview-btn svg{width:17px;height:17px;padding:0;fill:#fff}.live-preview-btn a{pointer-events:auto;display:flex;justify-content:center;align-content:center;align-items:center;line-height:0;padding:7px 15px;border-radius:5px;gap:7px;font-size:15px;font-weight:500;color:#fff;background:var(--demo-post-color-2);box-shadow:0 10px 25px rgba(0,0,0,.25);transition:all .5s}.live-preview-btn a:focus-visible,.live-preview-btn a:hover{box-shadow:0 14px 35px rgba(0,0,0,.35);background:var(--demo-post-color-1);transition:all .5s}