@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Geist:wght@400;500;600;700&display=swap);*,::after,::before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.float-right{float:right}.float-left{float:left}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.text-center{text-align:center}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}:root{--bg-1:#050816;--bg-2:#09111F;--bg-3:#101827;--primary:#4F8CFF;--secondary:#7C3AED;--cyan:#00E5FF;--success:#00D084;--warning:#FBBF24;--danger:#EF4444;--text-main:#F7F8FC;--text-muted:#9CA3AF;--glass-bg:rgba(255, 255, 255, 0.03);--glass-border:rgba(255, 255, 255, 0.08);--glass-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.5);--card-radius:24px;--btn-radius:100px;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,sans-serif;background-color:var(--bg-1);color:var(--text-main);line-height:1.6;overflow-x:clip!important;max-width:100vw;width:100%;-webkit-font-smoothing:antialiased}.noise-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.04;background:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E')}.mesh-gradient{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 15% 50%,rgba(79,140,255,.15),transparent 40%),radial-gradient(circle at 85% 30%,rgba(124,58,237,.15),transparent 40%);filter:blur(60px);animation:pulseGlow 15s ease-in-out infinite alternate;pointer-events:none}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at 50% 50%,black 20%,transparent 80%);-webkit-mask-image:radial-gradient(circle at 50% 50%,black 20%,transparent 80%)}@keyframes pulseGlow{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.2);opacity:1}}h1,h2,h3,h4,h5,h6{font-family:Geist,sans-serif;letter-spacing:-.02em;line-height:1.2}.gradient-text{background:linear-gradient(90deg,var(--primary),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;background-size:200% auto;animation:shine 3s linear infinite}.gradient-text-purple{background:linear-gradient(90deg,var(--secondary),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;background-size:200% auto;animation:shine 3s linear infinite}@keyframes shine{to{background-position:200% center}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:140px 0;position:relative}.section-title{text-align:center;font-size:3.2rem;margin-bottom:70px;font-weight:800}.text-center{text-align:center}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);position:relative;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)}.glass-panel::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.08),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1;border-radius:inherit}.glass-panel:hover::before{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:var(--btn-radius);font-weight:600;font-family:Geist,sans-serif;transition:var(--transition);cursor:pointer;border:none;font-size:1.05rem;position:relative;overflow:hidden;white-space:nowrap;text-decoration:none!important}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 8px 32px rgba(79,140,255,.4);background-size:200% auto;transition:.5s}.btn-primary:hover{background-position:right center;box-shadow:0 12px 40px rgba(79,140,255,.6)}.animated-gradient{background:linear-gradient(135deg,#7c3aed 0,#4f46e5 50%,#7c3aed 100%);background-size:200% 200%;animation:gradientFlow 5s ease infinite;box-shadow:0 0 20px rgba(124,58,237,.4);border:none}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.btn-outline{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.15);color:var(--text-main)}.btn-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}.arrow-slide{transition:transform .3s ease}.btn-primary:hover .arrow-slide{transform:translateX(5px)}.mobile-sticky-cta{position:fixed;bottom:0;left:0;width:100%;padding:16px 24px;background:rgba(5,8,22,.85);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:1001;display:none;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.navbar{position:fixed;top:24px;left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:1100px;z-index:1000;transition:var(--transition);padding:12px 24px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:100px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.navbar.scrolled{background:rgba(5,8,22,.85);border-color:rgba(255,255,255,.12);box-shadow:0 10px 40px rgba(0,0,0,.5)}.nav-container{display:flex;justify-content:space-between;align-items:center;position:relative}.nav-brand{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.site-logo{height:32px;width:auto;transition:var(--transition)}.site-logo:hover{opacity:.8}.nav-menu{display:flex;align-items:center;gap:20px}.nav-links{display:flex;gap:4px;align-items:center}.nav-links a{font-size:.95rem;font-weight:500;color:var(--text-muted);transition:var(--transition);position:relative;white-space:nowrap;text-decoration:none;padding:8px 12px;border-radius:100px}.nav-links a.active,.nav-links a:hover{color:var(--text-main);background:rgba(255,255,255,.06)}.nav-buttons{display:flex;gap:10px;align-items:center;flex-shrink:0;white-space:nowrap}.nav-buttons .btn{padding:9px 20px;font-size:.95rem;white-space:nowrap;flex-shrink:0}.nav-buttons .btn-outline{border:none;background:0 0;padding:10px 16px}.nav-buttons .btn-outline:hover{background:rgba(255,255,255,.06);transform:none}.mobile-menu-btn{display:none;background:0 0;border:none;color:var(--text-main);cursor:pointer}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:160px;padding-bottom:100px}.hero-content{text-align:center;max-width:950px;margin:0 auto;position:relative;z-index:1}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;font-size:.9rem;font-weight:500}.pulse-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:30px;background:rgba(0,208,132,.1);color:var(--success);font-size:.9rem;font-weight:600;margin-bottom:40px;border:1px solid rgba(0,208,132,.3);backdrop-filter:blur(10px);animation:softPulse 3s infinite}@keyframes softPulse{0%{box-shadow:0 0 0 0 rgba(0,208,132,.4)}70%{box-shadow:0 0 0 15px rgba(0,208,132,0)}100%{box-shadow:0 0 0 0 rgba(0,208,132,0)}}.hero h1{font-size:5.5rem;font-weight:800;line-height:1.1;margin-bottom:30px;letter-spacing:-.04em;max-width:900px;margin-inline:auto}.hero p{font-size:1.3rem;color:var(--text-muted);margin-bottom:50px;max-width:750px;margin-inline:auto;line-height:1.7}.hero-buttons{display:flex;justify-content:center;gap:24px;margin-bottom:50px}.trust-text{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;color:var(--text-muted);font-size:1rem;font-weight:500}.trust-text span{display:flex;align-items:center;gap:8px}.trust-text i{color:var(--success);width:18px;height:18px}.activity-feed{max-width:650px;margin:50px auto 0;height:48px;overflow:hidden;position:relative;border-radius:24px;background:rgba(255,255,255,.02);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center}.activity-item{position:absolute;width:100%;text-align:center;font-size:1rem;color:var(--text-muted);opacity:0;transform:translateY(20px);transition:all .5s ease;display:flex;align-items:center;justify-content:center;gap:12px}.activity-item.active{opacity:1;transform:translateY(0)}.activity-item.exit{opacity:0;transform:translateY(-20px)}.dashboard-mockup{margin-top:100px;position:relative;perspective:1200px;z-index:10}.dash-wrapper{background:rgba(9,17,31,.8);border-radius:24px;box-shadow:0 40px 80px rgba(0,0,0,.8),0 0 120px rgba(79,140,255,.15);transform:rotateX(8deg) translateY(0);transition:transform .6s cubic-bezier(.4, 0, .2, 1);overflow:hidden;display:flex;min-height:550px}.dash-sidebar{width:260px;flex-shrink:0;background:rgba(255,255,255,.02);border-right:1px solid var(--glass-border);padding:32px 24px;display:flex;flex-direction:column;gap:16px}.dash-main{flex:1;padding:40px;background:url('data:image/svg+xml;utf8,%3Csvg width="20" height="20" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="2" cy="2" r="1" fill="rgba(255,255,255,0.03)"/%3E%3C/svg%3E');position:relative}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.dash-user{display:flex;align-items:center;gap:16px}.dash-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));border:2px solid var(--glass-border)}.dash-card{padding:28px;margin-bottom:28px;border-radius:20px;transition:border-color .3s ease}.dash-card:hover{border-color:rgba(255,255,255,.15);box-shadow:0 10px 40px rgba(0,0,0,.3)}.dash-card-header{display:flex;justify-content:space-between;margin-bottom:24px}.dash-line-value{font-family:monospace;font-size:1.3rem;background:rgba(0,0,0,.6);padding:16px 20px;border-radius:12px;border:1px solid var(--glass-border);color:var(--cyan);display:flex;justify-content:space-between}.dash-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.dash-stat{padding:24px;border-radius:16px;transition:border-color .3s ease}.dash-stat:hover{border-color:rgba(255,255,255,.2)}.dash-nav-item{padding:12px 16px;margin-bottom:8px;border-radius:12px;color:var(--text-muted);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:12px;font-weight:500;border:1px solid transparent}.dash-nav-item:hover{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.1)}.dash-nav-item.active{background:rgba(124,58,237,.15)!important;color:#fff!important;border-color:rgba(124,58,237,.4)!important;box-shadow:0 0 15px rgba(124,58,237,.2),inset 0 0 10px rgba(124,58,237,.1)!important}.float-card{position:absolute;padding:16px 24px;display:flex;align-items:center;gap:16px;z-index:20;border-radius:16px;background:rgba(5,8,22,.8);box-shadow:0 20px 40px rgba(0,0,0,.5);animation:floatAnim 6s ease-in-out infinite}.float-left{top:100px;left:-60px}.float-right{bottom:100px;right:-60px;animation-delay:-3s}@keyframes floatAnim{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.progress-bar{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width 1s ease}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:80px}.stat-card{padding:40px 24px;display:flex;flex-direction:column;align-items:center;transition:var(--transition)}.stat-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.4)}.stat-icon{width:56px;height:56px;border-radius:16px;background:rgba(79,140,255,.1);display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:20px}.stat-number{font-size:3rem;font-weight:800;font-family:Geist,sans-serif;color:var(--text-main);margin-bottom:8px}.stat-label{font-size:1rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.trust-marquee{overflow:hidden;padding:60px 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:rgba(0,0,0,.3);display:flex}.marquee-content{display:flex;gap:100px;animation:scroll 40s linear infinite;white-space:nowrap;align-items:center;padding-right:100px}.marquee-item{display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:1.3rem;font-weight:700;opacity:.5;transition:var(--transition);text-transform:uppercase;letter-spacing:2px}.marquee-item:hover{opacity:1;color:var(--text-main)}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.infra-diagram{display:flex;flex-direction:column;align-items:center;padding:60px;background:rgba(0,0,0,.2)}.infra-node{padding:20px 40px;border-radius:16px;border:1px solid var(--glass-border);background:rgba(255,255,255,.05);font-weight:600;font-size:1.1rem;width:300px;transition:var(--transition)}.infra-node.highlight{background:rgba(79,140,255,.1);border-color:rgba(79,140,255,.3);color:var(--primary)}.infra-node.highlight-purple{background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.3);color:var(--secondary)}.infra-node i{margin-bottom:8px;width:32px;height:32px}.infra-node:hover{transform:scale(1.05)}.infra-arrow{padding:20px 0;color:var(--text-muted);opacity:.5}.pricing-card{padding:56px 40px;display:flex;flex-direction:column;transition:var(--transition);position:relative}.pricing-card:hover{transform:translateY(-12px);border-color:rgba(255,255,255,.2)}.pricing-card.premium{background:linear-gradient(145deg,rgba(79,140,255,.05),rgba(124,58,237,.05));border-color:rgba(79,140,255,.4);transform:scale(1.05);z-index:2;box-shadow:0 30px 60px rgba(124,58,237,.2)}.pricing-card.premium:hover{transform:scale(1.05) translateY(-12px)}.pricing-card h3{font-size:2.2rem;margin-bottom:16px}.pricing-card .price-desc{color:var(--text-muted);margin-bottom:40px;min-height:50px;font-size:1.1rem}.pricing-card ul{margin-bottom:48px;flex-grow:1;list-style:none}.pricing-card li{margin-bottom:20px;display:flex;align-items:center;gap:16px;color:var(--text-main);font-size:1.05rem}.pricing-card li i{color:var(--success);width:22px;height:22px}.rec-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,var(--primary),var(--secondary));font-size:.85rem;padding:8px 20px;border-radius:20px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff;box-shadow:0 4px 15px rgba(124,58,237,.4)}.feature-card{padding:40px;text-align:left;transition:var(--transition);cursor:default}.feature-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.25);box-shadow:0 20px 40px rgba(0,0,0,.3)}.feature-icon,.feature-icon-wrapper{width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;margin-bottom:32px;transition:var(--transition);color:var(--primary)}.feature-card:hover .feature-icon,.feature-card:hover .feature-icon-wrapper{background:var(--primary);color:#fff;transform:rotate(8deg) scale(1.1);box-shadow:0 10px 20px rgba(79,140,255,.3)}.feature-card h4{margin-bottom:16px;font-size:1.4rem}.feature-card p{color:var(--text-muted);font-size:1.05rem;line-height:1.8;margin-bottom:24px}.feature-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--primary);text-decoration:none;transition:var(--transition);opacity:0;transform:translateY(10px)}.feature-card:hover .feature-link{opacity:1;transform:translateY(0)}.feature-link:hover{color:var(--cyan);gap:12px}.blog-card{display:flex;flex-direction:column;overflow:hidden;padding:0;transition:var(--transition);cursor:pointer}.blog-card:hover{transform:translateY(-10px);border-color:rgba(255,255,255,.2)}.blog-image{height:200px;background:rgba(255,255,255,.05);width:100%;border-bottom:1px solid var(--glass-border);transition:var(--transition)}.blog-card:hover .blog-image{background:rgba(79,140,255,.1)}.blog-content{padding:32px;flex:1;display:flex;flex-direction:column}.blog-meta{font-size:.85rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.blog-content h4{font-size:1.4rem;margin-bottom:16px}.blog-content p{color:var(--text-muted);font-size:1rem;margin-bottom:24px;line-height:1.7;flex:1}.testimonials-slider{display:flex;gap:32px;overflow-x:hidden;padding-bottom:30px;width:100%;position:relative}.testimonials-slider::-webkit-scrollbar{display:none}.testimonial-card{min-width:400px;padding:40px}.testimonial-header{display:flex;gap:20px;align-items:center;margin-bottom:24px}.testi-avatar{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--glass-border)}.stars{color:var(--warning);margin-bottom:20px;font-size:1.2rem}.testi-text{font-size:1.1rem;line-height:1.8;color:var(--text-muted);font-style:italic}.pulse-dot{display:inline-block;width:10px;height:10px;background:var(--success);border-radius:50%;animation:pulse 2s infinite;margin-right:6px}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,208,132,.4)}70%{box-shadow:0 0 0 10px rgba(0,208,132,0)}100%{box-shadow:0 0 0 0 rgba(0,208,132,0)}}.faq-container{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--glass-border);border-radius:16px;margin-bottom:20px;background:var(--glass-bg);overflow:hidden;transition:var(--transition)}.faq-question{padding:28px;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.15rem;cursor:pointer}.faq-answer{padding:0 28px;max-height:0;color:var(--text-muted);transition:max-height .4s ease,padding .4s ease;font-size:1.05rem;line-height:1.7}.faq-item.active{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.05)}.faq-item.active .faq-answer{padding-bottom:28px;max-height:300px}.faq-icon{transition:transform .4s ease}.faq-item.active .faq-icon{transform:rotate(180deg);color:var(--primary)}.footer{border-top:1px solid var(--glass-border);padding:120px 0 60px;background:var(--bg-1)}.footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:80px;margin-bottom:100px}.footer-col h4{margin-bottom:32px;font-size:1.2rem;color:var(--text-main)}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:20px}.footer-col ul li a{color:var(--text-muted);transition:var(--transition);display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.05rem}.footer-col ul li a:hover{color:var(--primary);transform:translateX(5px)}.newsletter-box{display:flex;gap:12px;margin-top:24px;padding:8px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--glass-border)}.newsletter-box input{flex:1;background:0 0;border:none;padding:12px 16px;color:var(--text-main);outline:0;font-size:1rem}.footer-bottom{border-top:1px solid var(--glass-border);padding-top:40px;display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:1rem}.status-badge{display:flex;gap:8px;align-items:center;background:rgba(0,208,132,.1);color:var(--success);padding:8px 16px;border-radius:12px;font-weight:600;font-size:.9rem;border:1px solid rgba(0,208,132,.2)}.social-links{display:flex;gap:16px}.social-links a{color:var(--text-muted);transition:var(--transition);width:48px;height:48px;border-radius:50%;background:var(--glass-bg);display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border)}.social-links a:hover{background:var(--primary);color:#fff;transform:translateY(-5px);border-color:var(--primary)}.fade-up{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4, 0, .2, 1),transform .8s cubic-bezier(.4, 0, .2, 1)}.fade-up.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.auth-card{padding:24px!important}}@media (max-width:992px){.hero h1{font-size:4rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:60px}.pricing-card.premium{transform:none;z-index:1;box-shadow:none}.pricing-card.premium:hover{transform:translateY(-10px)}.navbar{top:12px;width:calc(100% - 24px);padding:12px 20px;border-radius:24px}.nav-container{flex-direction:column;align-items:stretch}.nav-brand{width:100%}.mobile-menu-btn{display:block}.nav-menu{display:flex;position:absolute;top:calc(100% + 12px);left:0;width:100%;background:rgba(5,8,22,.95);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;box-shadow:0 20px 40px rgba(0,0,0,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);gap:24px;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-links{flex-direction:column;width:100%;text-align:center;gap:8px}.nav-links a{font-size:1.1rem;padding:14px 24px;display:flex;align-items:center;justify-content:center;width:100%;border-radius:16px}.nav-buttons{width:100%;flex-direction:column;gap:16px}.nav-buttons .btn{width:100%}.navbar.scrolled .nav-menu{background:rgba(5,8,22,.98)}.dash-wrapper{flex-direction:column;min-height:auto;transform:none!important}.dash-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--glass-border);flex-direction:row;flex-wrap:wrap}.float-card{display:none}}@media (max-width:768px){.mobile-sticky-cta{display:block}.hero{padding-bottom:120px}.hero h1{font-size:3rem}.hero-buttons{flex-direction:column;width:100%;gap:16px}.hero-buttons .btn{width:100%}.hero-stats{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:60px}.stat-card{padding:32px 16px}.stat-number{font-size:2.2rem}.dash-main{padding:24px}.dash-stats-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:40px}.section{padding:100px 0}.footer-bottom{flex-direction:column;gap:24px;text-align:center}.testimonial-card{min-width:300px;padding:32px}}.layout-with-sidebar{display:flex;gap:60px;align-items:stretch}.main-content{flex:1;min-width:0}.sidebar{width:340px;flex-shrink:0}.sticky-sidebar{position:sticky;top:120px}.pricing-card.best-value{transform:scale(1.05);border-color:rgba(124,58,237,.5);box-shadow:0 0 40px rgba(124,58,237,.2)}@media (max-width:992px){.pricing-card.best-value{transform:scale(1)}}.compare-table{width:100%;border-collapse:collapse;margin:40px 0;font-size:.95rem}.compare-table td,.compare-table th{padding:20px;text-align:center;border-bottom:1px solid var(--glass-border)}.compare-table td:first-child,.compare-table th:first-child{text-align:left;position:sticky;left:0;background:rgba(5,8,22,.95);backdrop-filter:blur(10px);z-index:5;font-weight:500}.compare-table th{font-family:Geist,sans-serif;color:var(--text-main);font-weight:600;font-size:1.1rem}.compare-table tr:hover td{background:rgba(255,255,255,.02)}.compare-table td i.lucide-check{color:var(--primary)}.compare-table td i.lucide-x{color:var(--danger);opacity:.5}.payments-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:40px}.payment-card{background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:12px;font-weight:500;color:var(--text-muted)}.testimonial-card{text-align:left;padding:32px;height:100%;display:flex;flex-direction:column}.testimonial-stars{color:#fbbf24;display:flex;gap:4px;margin-bottom:16px}.testimonial-content{font-size:1.1rem;line-height:1.6;margin-bottom:24px;flex:1}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:var(--glass-border)}.gen-field{margin-bottom:24px;text-align:left}.gen-field label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-muted);font-size:.95rem}.gen-input,.gen-select{width:100%;padding:18px 24px;border-radius:16px;background:rgba(0,0,0,.3);border:1px solid var(--glass-border);color:var(--text-main);font-size:1.05rem;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease}.gen-input:focus,.gen-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(79,140,255,.1)}.gen-select{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%239CA3AF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>');background-repeat:no-repeat;background-position:right 20px center;padding-right:48px}.step-circle{width:56px;height:56px;border-radius:50%;background:rgba(79,140,255,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;font-family:Geist,sans-serif;margin:0 auto;border:1px solid rgba(79,140,255,.3)}.ad-placeholder{background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.15);border-radius:16px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);font-size:.85rem;letter-spacing:1.5px;text-transform:uppercase;min-height:90px;margin:10px auto 20px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(5,8,22,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;display:none;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .4s ease}.modal-overlay.active{display:flex;opacity:1}.modal-content{max-width:520px;width:100%;padding:48px 40px;transform:scale(.95);transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.modal-overlay.active .modal-content{transform:scale(1)}@media (max-width:992px){.layout-with-sidebar{flex-direction:column}.sidebar{width:100%}.sticky-sidebar{position:relative;top:0}}.article-container{max-width:760px;margin:0 auto}.article-content{font-size:1.15rem;line-height:1.8;color:var(--text-muted)}.article-content h2,.article-content h3,.article-content h4{color:var(--text-main);margin-top:2em;margin-bottom:1em;font-weight:700}.article-content h2{font-size:2rem}.article-content h3{font-size:1.5rem}.article-content p{margin-bottom:1.5em}.article-content ol,.article-content ul{margin-bottom:1.5em;padding-left:1.5em}.article-content li{margin-bottom:.5em}.callout{padding:24px;border-radius:16px;margin:2em 0;display:flex;gap:16px;background:rgba(255,255,255,.03);border:1px solid var(--glass-border)}.callout-icon{flex-shrink:0;width:24px;height:24px}.callout.info{background:rgba(79,140,255,.1);border-color:rgba(79,140,255,.2)}.callout.info .callout-icon{color:var(--primary)}.callout.success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2)}.callout.success .callout-icon{color:var(--success)}.callout.warning{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.2)}.callout.warning .callout-icon{color:var(--warning)}.callout.danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.callout.danger .callout-icon{color:#ef4444}.callout-content h4{margin-top:0;margin-bottom:8px;font-size:1.1rem;color:var(--text-main)}.callout-content p{margin:0;font-size:1rem}.code-block-wrapper{position:relative;margin:2em 0;border-radius:16px;overflow:hidden;background:#0d1117;border:1px solid var(--glass-border)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--glass-border);font-family:monospace;font-size:.9rem;color:var(--text-muted)}.code-copy{background:0 0;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:6px;font-family:inherit;font-size:inherit;transition:color .2s}.code-copy:hover{color:var(--text-main)}.code-block-wrapper pre{margin:0;padding:16px;overflow-x:auto}.code-block-wrapper code{font-family:monospace;font-size:.95rem;color:#c9d1d9;line-height:1.5}.article-featured-image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:24px;border:1px solid var(--glass-border);margin:40px 0;background:rgba(255,255,255,.05);box-shadow:0 20px 40px rgba(0,0,0,.4)}.reading-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:0 0;z-index:1000}.reading-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--purple));width:0%;transition:width .1s ease}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--text-muted);font-size:.9rem;margin-bottom:32px}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--primary)}.breadcrumb-separator{opacity:.5}.breadcrumb-current{color:var(--text-main)}.article-header{margin-bottom:40px}.article-badges{display:flex;gap:12px;margin-bottom:24px}.badge-category{background:rgba(79,140,255,.1);color:var(--primary);padding:6px 12px;border-radius:100px;font-size:.85rem;font-weight:600;border:1px solid rgba(79,140,255,.2)}.badge-difficulty{background:rgba(16,185,129,.1);color:var(--success);padding:6px 12px;border-radius:100px;font-size:.85rem;font-weight:600;border:1px solid rgba(16,185,129,.2);display:flex;align-items:center;gap:6px}.article-title{font-size:3.5rem;line-height:1.1;margin-bottom:24px;font-weight:800;letter-spacing:-.02em}.article-subtitle{font-size:1.3rem;color:var(--text-muted);margin-bottom:32px;line-height:1.6}.article-meta{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--glass-border);flex-wrap:wrap;gap:24px}.author-info{display:flex;align-items:center;gap:16px}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border)}.author-details h4{margin:0 0 4px 0;font-size:1rem}.author-details p{margin:0;font-size:.85rem;color:var(--text-muted)}.article-stats{display:flex;gap:16px;color:var(--text-muted);font-size:.9rem}.article-stats span{display:flex;align-items:center;gap:6px}.share-buttons{display:flex;gap:8px}.share-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;transition:all .2s}.share-btn:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.article-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:40px;border-top:1px solid var(--glass-border)}.article-tag{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--text-main);padding:8px 16px;border-radius:100px;font-size:.9rem;text-decoration:none;transition:all .2s}.article-tag:hover{background:rgba(255,255,255,.1);border-color:var(--primary);color:var(--primary)}.toc-container{padding:24px;margin-bottom:24px}.toc-title{font-size:1.1rem;margin-bottom:16px;font-weight:600}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:12px}.toc-list a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .2s;display:block}.toc-list a.active,.toc-list a:hover{color:var(--primary)}.toc-list ul{list-style:none;padding-left:16px;margin-top:8px;border-left:1px solid var(--glass-border)}.inline-cta{margin:40px 0;padding:40px;text-align:center;background:linear-gradient(135deg,rgba(79,140,255,.1),rgba(124,58,237,.1));border-radius:24px;border:1px solid rgba(124,58,237,.3)}.author-box-large{display:flex;gap:24px;padding:32px;margin:60px 0;background:rgba(255,255,255,.02);border-radius:24px;border:1px solid var(--glass-border)}.author-box-large .author-avatar{width:80px;height:80px}.author-box-large .author-bio{flex:1}.author-box-large h3{margin:0 0 8px 0;font-size:1.3rem}.author-box-large p{color:var(--text-muted);margin:0 0 16px 0;font-size:1rem;line-height:1.6}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:60px 0}.nav-card{padding:24px;text-decoration:none;color:inherit;border-radius:16px;transition:all .3s ease;border:1px solid var(--glass-border);background:var(--glass-bg)}.nav-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}.nav-label{font-size:.85rem;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.nav-title{font-size:1.1rem;font-weight:600;color:var(--text-main)}.search-hero{padding:160px 0 60px;text-align:center;position:relative;overflow:hidden}.search-input-wrapper{position:relative;max-width:800px;margin:40px auto 24px}.search-input-wrapper input{width:100%;padding:24px 32px 24px 64px;font-size:1.25rem;border-radius:24px;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);color:var(--text-main);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.2)}.search-input-wrapper input:focus{outline:0;border-color:var(--primary);background:rgba(255,255,255,.05);box-shadow:0 0 40px rgba(79,140,255,.2)}.search-icon-large{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:28px;height:28px;pointer-events:none;transition:color .3s ease}.search-input-wrapper input:focus~.search-icon-large{color:var(--primary)}.search-clear-btn{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0;pointer-events:none}.search-input-wrapper input:not(:-moz-placeholder)~.search-clear-btn{opacity:1;pointer-events:auto}.search-input-wrapper input:not(:placeholder-shown)~.search-clear-btn{opacity:1;pointer-events:auto}.search-clear-btn:hover{background:rgba(239,68,68,.2);color:#ef4444}.popular-searches{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:800px;margin:0 auto}.search-chip{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);padding:8px 16px;border-radius:100px;font-size:.9rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease;text-decoration:none}.search-chip:hover{background:rgba(79,140,255,.1);border-color:rgba(79,140,255,.3);color:var(--primary);transform:translateY(-2px)}.filter-bar{position:sticky;top:80px;z-index:90;background:rgba(5,8,22,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:16px 0;margin-bottom:40px}.filter-container{display:flex;gap:24px;align-items:center;overflow-x:auto;scrollbar-width:none}.filter-container::-webkit-scrollbar{display:none}.filter-group{display:flex;align-items:center;gap:12px}.filter-select{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--text-main);padding:10px 32px 10px 16px;border-radius:12px;font-size:.9rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;outline:0}.filter-select:focus{border-color:var(--primary)}.search-layout{display:flex;gap:40px;position:relative;align-items:flex-start}.search-main{flex:1;min-width:0}.search-sidebar{width:320px;flex-shrink:0;position:sticky;top:160px}@media (max-width:992px){.search-layout{flex-direction:column}.search-sidebar{width:100%;position:static}}.result-card{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:20px;padding:32px;margin-bottom:24px;transition:all .3s ease;position:relative;overflow:hidden}.result-card:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.3)}.result-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(79,140,255,.05),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.result-card:hover::before{opacity:1}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.result-title{font-size:1.5rem;margin-bottom:12px;color:var(--text-main)}.result-title a{color:inherit;text-decoration:none;transition:color .2s}.result-title a:hover{color:var(--primary)}.result-desc{color:var(--text-muted);font-size:1.05rem;line-height:1.6;margin-bottom:24px}.keyword-highlight{background:rgba(79,140,255,.2);color:#fff;padding:0 4px;border-radius:4px;font-weight:600}.result-meta-grid{display:flex;flex-wrap:wrap;gap:16px 24px;padding-top:24px;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:.9rem;align-items:center}.result-meta-item{display:flex;align-items:center;gap:6px}.result-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.result-tags{display:flex;gap:8px;flex-wrap:wrap}.result-tag{font-size:.8rem;color:var(--text-muted);background:rgba(255,255,255,.05);padding:4px 10px;border-radius:100px}.search-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;color:var(--text-muted);font-size:.95rem}.skeleton-card{height:250px;background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:20px;margin-bottom:24px;position:relative;overflow:hidden}.skeleton-card::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.search-empty{text-align:center;padding:80px 20px}.search-empty-icon{width:80px;height:80px;color:rgba(255,255,255,.1);margin-bottom:24px}.category-pills{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px;justify-content:center}.category-pill{padding:10px 20px;border-radius:100px;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:all .3s ease;display:flex;align-items:center;gap:8px}.category-pill.active,.category-pill:hover{background:rgba(79,140,255,.1);border-color:var(--primary);color:#fff}.category-pill span{background:rgba(255,255,255,.1);padding:2px 8px;border-radius:100px;font-size:.8rem;color:#fff}.featured-article{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:32px;overflow:hidden;transition:var(--transition);display:grid;grid-template-columns:1.1fr 1fr;margin-bottom:48px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.featured-article:hover{transform:translateY(-6px);border-color:rgba(79,140,255,.4);box-shadow:0 30px 60px rgba(0,0,0,.5);background:rgba(255,255,255,.04)}.featured-img{position:relative;height:100%;min-height:380px;background:#1a1a2e;overflow:hidden}.featured-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.featured-article:hover .featured-img img{transform:scale(1.05)}.featured-content{padding:48px;display:flex;flex-direction:column;justify-content:center}.author{display:flex;align-items:center;gap:12px}.collection-card{background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:24px;padding:32px;display:flex;flex-direction:column;text-decoration:none;transition:var(--transition)}.collection-card:hover{transform:translateY(-6px);border-color:rgba(79,140,255,.4);background:rgba(255,255,255,.05);box-shadow:0 15px 30px rgba(0,0,0,.3)}@media (max-width:992px){.featured-article{grid-template-columns:1fr}.featured-img{min-height:260px}.featured-content{padding:32px}}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media (max-width:768px){.article-grid{grid-template-columns:1fr}}.article-card{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.article-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.5);border-color:rgba(79,140,255,.4);background:rgba(255,255,255,.04)}.article-img{height:240px;background:#1a1a2e;overflow:hidden;position:relative}.article-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .8s ease;opacity:.8}.article-card:hover .article-img img{transform:scale(1.05);opacity:1}.article-content{padding:32px;flex:1;display:flex;flex-direction:column}.article-meta{display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem;margin-bottom:16px;flex-wrap:wrap}.article-meta span{display:flex;align-items:center;gap:6px;font-weight:500}.article-title{font-size:1.5rem;margin-bottom:12px;color:#fff;text-decoration:none;display:block;line-height:1.4;transition:var(--transition);font-weight:700}.article-title:hover{color:var(--primary)}.article-desc{color:var(--text-muted);margin-bottom:24px;line-height:1.6;flex:1}.article-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid var(--glass-border)}.difficulty{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;padding:4px 12px;border-radius:100px;background:rgba(255,255,255,.05)}.diff-beginner{color:var(--success)}.diff-intermediate{color:var(--warning)}.diff-advanced{color:var(--danger)}.status-hero{padding:160px 0 60px;text-align:center;position:relative;overflow:hidden}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;font-weight:600;font-size:.9rem}.status-badge.operational{background:rgba(16,185,129,.1);color:var(--success);border:1px solid rgba(16,185,129,.2)}.status-badge.partial{background:rgba(251,191,36,.1);color:var(--warning);border:1px solid rgba(251,191,36,.2)}.status-badge.maintenance{background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.overall-status{background:linear-gradient(145deg,rgba(16,185,129,.05),rgba(16,185,129,.02));border:1px solid rgba(16,185,129,.3);border-radius:24px;padding:40px;text-align:center;margin-bottom:40px;box-shadow:0 10px 40px rgba(16,185,129,.1);display:flex;flex-direction:column;align-items:center;justify-content:center}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:60px}.metric-card{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:20px;padding:24px;text-align:center;transition:var(--transition)}.metric-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.04)}.metric-value{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:8px;font-family:Geist,sans-serif}.metric-label{color:var(--text-muted);font-size:.95rem;font-weight:500}.server-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px}@media (max-width:1200px){.server-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.server-grid{grid-template-columns:1fr}}.server-node-card{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:20px;padding:24px;transition:var(--transition)}.server-node-card:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}.server-node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--glass-border);padding-bottom:16px}.server-stat-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted);margin-bottom:12px}.server-stat-bar{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:16px}.server-stat-fill{height:100%;background:var(--primary);border-radius:4px}.services-list{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;margin-bottom:60px}.service-row{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid var(--glass-border);transition:background .3s ease}.service-row:last-child{border-bottom:none}.service-row:hover{background:rgba(255,255,255,.03)}.service-name{font-weight:600;font-size:1.1rem;color:#fff;display:flex;align-items:center;gap:12px}.service-uptime{font-family:Geist,sans-serif;color:var(--text-muted);font-size:.95rem}.uptime-history-wrapper{margin-bottom:60px}.uptime-bars{display:flex;gap:4px;align-items:flex-end;height:60px;margin-bottom:12px}.uptime-bar{flex:1;background:var(--success);border-radius:4px;min-height:20px;cursor:pointer;transition:opacity .2s}.uptime-bar:hover{opacity:.8}.uptime-bar.partial{background:var(--warning);height:40px!important}.uptime-bar.outage{background:var(--danger);height:20px!important}.timeline{position:relative;padding-left:32px;margin-bottom:60px}.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--glass-border)}.timeline-item{position:relative;margin-bottom:32px}.timeline-item::before{content:'';position:absolute;left:-37px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--primary);border:3px solid #050816}.timeline-date{font-size:.9rem;color:var(--primary);margin-bottom:8px;font-weight:600}.timeline-content{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:16px;padding:24px}.chart-placeholder{height:300px;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.15);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);position:relative;overflow:hidden;margin-bottom:24px}.chart-placeholder::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,transparent,rgba(79,140,255,.05))}.auth-layout{display:flex;min-height:100vh;background:#050816}.auth-left{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:60px;background:radial-gradient(circle at 30% 50%,rgba(79,140,255,.1) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(124,58,237,.1) 0,transparent 50%)}.auth-right{width:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;position:relative;z-index:10}@media (max-width:992px){.auth-layout{flex-direction:column}.auth-left{display:none}.auth-right{width:100%;min-height:100vh;padding:20px}}.auth-card{width:100%;max-width:480px;background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:24px;padding:40px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,.4)}.auth-form-group{margin-bottom:20px;text-align:left}.auth-label{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:8px;font-weight:500}.auth-input{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--glass-border);border-radius:12px;padding:14px 16px;color:#fff;outline:0;transition:var(--transition);font-family:Inter,sans-serif}.auth-input:focus{border-color:var(--primary);background:rgba(79,140,255,.05);box-shadow:0 0 0 2px rgba(79,140,255,.1)}.auth-btn-social{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:12px;padding:14px;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;transition:var(--transition);cursor:pointer;font-weight:500}.auth-btn-social:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}.auth-divider{display:flex;align-items:center;text-align:center;margin:32px 0;color:var(--text-muted);font-size:.9rem}.auth-divider::after,.auth-divider::before{content:'';flex:1;border-bottom:1px solid var(--glass-border)}.auth-divider::not(:empty)::before{margin-right:16px}.auth-divider::not(:empty)::after{margin-left:16px}.auth-dashboard-preview{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:20px;padding:24px;backdrop-filter:blur(20px);box-shadow:0 30px 60px rgba(0,0,0,.5);transform:perspective(1000px) rotateY(15deg) rotateX(5deg);transition:transform .5s ease;max-width:500px;margin-top:40px;position:relative;z-index:2}.auth-dashboard-preview:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.password-strength{display:flex;gap:4px;margin-top:8px;height:4px}.strength-bar{flex:1;background:rgba(255,255,255,.1);border-radius:2px}.strength-bar.active-weak{background:var(--danger)}.strength-bar.active-fair{background:var(--warning)}.strength-bar.active-good{background:var(--success)}.strength-bar.active-strong{background:var(--primary)}.auth-mesh{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.05"/%3E%3C/svg%3E')}.auth-blob{position:absolute;width:600px;height:600px;background:var(--primary);filter:blur(150px);opacity:.15;border-radius:50%;z-index:0;animation:authBlob 20s infinite alternate linear}@keyframes authBlob{0%{transform:translate(0,0) scale(1)}100%{transform:translate(100px,100px) scale(1.2)}}.auth-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:400px;position:relative;z-index:2}.auth-stat-card{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:16px;padding:16px}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.shake{animation:shake .4s ease-in-out}body.full-dashboard{margin:0;overflow:hidden}.full-dashboard .dash-wrapper{height:100vh;border-radius:0;border:none;background:0 0;transform:none}.full-dashboard .dash-sidebar{width:280px;flex-shrink:0;padding:30px;background:rgba(5,8,22,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow-y:auto}.full-dashboard .dash-sidebar::-webkit-scrollbar{width:4px}.full-dashboard .dash-sidebar::-webkit-scrollbar-track{background:0 0}.full-dashboard .dash-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.05);border-radius:4px}.full-dashboard .dash-sidebar:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}.full-dashboard .dash-main{padding:40px;overflow-y:auto}.full-dashboard .dash-main::-webkit-scrollbar{width:8px}.full-dashboard .dash-main::-webkit-scrollbar-track{background:0 0}.full-dashboard .dash-main::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:8px;border:2px solid transparent;background-clip:content-box}.full-dashboard .dash-main:hover::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3)}.dash-grid-1-1{display:grid;grid-template-columns:1fr 1fr;gap:32px}.dash-grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:32px}.dash-grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:32px}.dash-grid-forms{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:992px){.dash-grid-1-1,.dash-grid-1-2,.dash-grid-2-1,.dash-grid-forms{grid-template-columns:minmax(0,1fr)!important}}.dash-nav-item{text-decoration:none}.proto-card{border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3);border-radius:16px;padding:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:16px}.proto-card:hover{background:rgba(255,255,255,.05)}.proto-card.active{border-color:var(--primary);background:rgba(79,140,255,.1);box-shadow:0 0 20px rgba(79,140,255,.1)}input[type=radio]:checked+.proto-box{background:rgba(79,140,255,.25)!important;border-color:var(--primary)!important;box-shadow:0 0 15px rgba(79,140,255,.2)}.proto-radio:hover .proto-box{border-color:rgba(255,255,255,.3)}.terminal-window{background:#0a0a0f;border:1px solid rgba(255,255,255,.05);border-radius:16px;font-family:'Courier New',Courier,monospace;overflow:hidden;height:100%;min-height:400px}.terminal-header{background:rgba(255,255,255,.03);padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:8px}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-body{padding:24px;color:#a0a0a0;font-size:.95rem;line-height:1.6}.mobile-top-header{display:none}.mobile-bottom-nav{display:none}@media (max-width:768px){.dash-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.dash-header h1{font-size:1.5rem!important}.dash-header>div:last-child{width:100%;flex-wrap:wrap}.dash-header .btn{flex:1;text-align:center;justify-content:center}.dash-stats-grid{grid-template-columns:1fr!important}.dash-card{padding:16px!important}.quick-purchase-row{flex-direction:column}.ad-placeholder-card{min-height:120px!important}}.dash-app-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:24px}.dash-app-grid>div{min-width:0}@media (max-width:992px){.full-dashboard .dash-wrapper{flex-direction:column;height:auto;min-height:100vh}.full-dashboard .dash-sidebar{display:none}.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.show-dropdown{display:block!important}.full-dashboard .dash-main{padding:100px 20px 100px 20px;overflow-y:visible}body.full-dashboard{overflow:auto}.gen-split-grid{grid-template-columns:minmax(0,1fr)!important}.dash-app-grid{grid-template-columns:minmax(0,1fr)}.mobile-top-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:rgba(5,8,22,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:fixed;top:12px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:1100px;z-index:9000;border:1px solid rgba(255,255,255,.12);border-radius:100px;box-shadow:0 10px 40px rgba(0,0,0,.5)}@media (max-width:480px){.dash-card{padding:20px!important}.full-dashboard .dash-main{padding:90px 12px 100px 12px!important}.mobile-top-header .dash-avatar{width:28px!important;height:28px!important}.profile-header-flex{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}.table-responsive table{min-width:500px}}.mobile-bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:12px 10px;padding-bottom:env(safe-area-inset-bottom,20px);background:rgba(5,8,22,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:fixed;bottom:0;left:0;width:100%;z-index:50;border-top:1px solid rgba(255,255,255,.05);box-shadow:0 -10px 40px rgba(0,0,0,.5)}.mob-nav-item{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-size:.75rem;font-weight:500;transition:var(--transition);flex:1}.mob-nav-item i{width:22px;height:22px;transition:transform .2s}.mob-nav-item:hover{color:#fff}.mob-nav-item.active{color:var(--primary)}.mob-nav-item.active i{transform:translateY(-3px);filter:drop-shadow(0 4px 10px rgba(79, 140, 255, .4))}}body.sidebar-collapsed .dash-sidebar{width:80px!important;min-width:80px!important;padding:30px 15px!important}body.sidebar-collapsed .dash-sidebar .nav-section-title,body.sidebar-collapsed .dash-sidebar .nav-text,body.sidebar-collapsed .dash-sidebar .profile-text,body.sidebar-collapsed .dash-sidebar .site-logo{display:none!important}body.sidebar-collapsed .dash-sidebar .site-icon-only{display:block!important;margin:0 auto}body.sidebar-collapsed .dash-sidebar .sidebar-header{flex-direction:column!important;gap:20px!important}body.sidebar-collapsed .dash-sidebar #toggleSidebar{transform:rotate(180deg)}body.sidebar-collapsed .dash-sidebar .dash-nav-item{justify-content:center;padding:12px}body.sidebar-collapsed .dash-sidebar .dash-nav-item svg{margin:0!important}body.sidebar-collapsed .dash-sidebar .sidebar-profile-card .dash-card{padding:0!important;background:0 0!important;border:none!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:16px!important}body.sidebar-collapsed .dash-sidebar .profile-info{justify-content:center;margin-bottom:0!important}body.sidebar-collapsed .dash-sidebar .dash-avatar{width:36px!important;height:36px!important}.logout-btn{padding:10px!important}body.sidebar-collapsed .dash-sidebar .logout-btn{padding:10px!important;width:40px!important;height:40px!important;border-radius:50%;margin:0 auto;display:flex}body.sidebar-collapsed .dash-sidebar .logout-btn svg{margin:0!important}.dash-sidebar{transition:width .3s cubic-bezier(.4, 0, .2, 1),padding .3s cubic-bezier(.4, 0, .2, 1)}.pagination{display:flex;flex-wrap:wrap;padding-left:0;list-style:none;gap:8px;align-items:center;margin:0}.pagination .page-item{display:inline-flex}.pagination .page-link{position:relative;display:block;padding:8px 16px;font-size:.9rem;color:var(--text-muted);text-decoration:none;background-color:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease;font-weight:500}.pagination .page-link:hover{z-index:2;color:#fff;background-color:rgba(124,58,237,.1);border-color:rgba(124,58,237,.3)}.pagination .page-item.active .page-link{z-index:3;color:#fff;background:linear-gradient(90deg,var(--primary),var(--secondary));border-color:transparent;box-shadow:0 4px 15px rgba(79,140,255,.3)}.pagination .page-item.disabled .page-link{color:rgba(255,255,255,.2);pointer-events:none;background-color:transparent;border-color:rgba(255,255,255,.05)}p.text-sm.text-gray-700.leading-5{color:var(--text-muted)!important;font-size:.9rem;margin-top:16px}.flex.justify-between.flex-1.sm\:hidden{display:none!important}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(5,8,22,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999999;opacity:0;visibility:hidden;transition:all .3s ease}.confirm-modal-overlay.show{opacity:1;visibility:visible}.confirm-modal{background:rgba(16,24,39,.8);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border-radius:16px;padding:32px;max-width:420px;width:90%;text-align:center;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.4, 0, .2, 1)}.confirm-modal-overlay.show .confirm-modal{transform:translateY(0) scale(1)}.confirm-icon{width:64px;height:64px;background:rgba(239,68,68,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px auto}.confirm-icon svg{width:32px;height:32px;color:var(--danger)}.confirm-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-main);margin-bottom:12px}.confirm-message{font-size:.95rem;color:var(--text-muted);line-height:1.5;margin-bottom:32px}.confirm-actions{display:flex;gap:12px}.confirm-btn{flex:1;padding:12px;border-radius:10px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s;outline:0}.confirm-cancel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-main)}.confirm-cancel:hover{background:rgba(255,255,255,.1)}.confirm-proceed{background:var(--danger);border:1px solid var(--danger);color:#fff;box-shadow:0 4px 12px rgba(239,68,68,.2)}.confirm-proceed:hover{background:#dc2626;border-color:#dc2626}#layout-toast-container,.toast-container{position:fixed!important;top:24px!important;right:24px!important;z-index:999999!important;display:flex!important;flex-direction:column!important;gap:12px!important;pointer-events:none!important;max-width:400px;width:90%}.toast{pointer-events:auto!important;background:rgba(15,23,42,.95);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);padding:0 20px;max-height:0;margin-bottom:0;border-radius:14px;color:#fff;box-shadow:0 15px 35px -5px rgba(0,0,0,.6);display:flex;flex-direction:column;overflow:hidden;position:relative;transform:translateX(120%);opacity:0;transition:all .35s cubic-bezier(.34, 1.56, .64, 1),max-height .35s ease,padding .35s ease,margin .35s ease}.toast.show{transform:translateX(0);opacity:1;max-height:200px;padding:16px 20px}.toast-content{display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:500}.toast.success{border-left:4px solid #10b981}.toast.success .toast-content i,.toast.success .toast-content svg{color:#10b981}.toast.error{border-left:4px solid #ef4444}.toast.error .toast-content i,.toast.error .toast-content svg{color:#ef4444}.toast.info{border-left:4px solid #3b82f6}.toast.info .toast-content i,.toast.info .toast-content svg{color:#3b82f6}.toast.loading{border-left:4px solid #f59e0b}.toast.loading .toast-content i,.toast.loading .toast-content svg{color:#f59e0b}.toast-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.08)}.toast-progress-bar{height:100%;width:100%;background:linear-gradient(90deg,#10b981,#3b82f6);transform-origin:left;transition:transform linear}.toast.error .toast-progress-bar{background:#ef4444}.toast-progress-bar.indeterminate{width:30%;animation:toast-indeterminate 1.5s infinite linear}@keyframes toast-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}