@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;800&display=swap";.home{padding-top:100px;position:relative}.bg-grid-overlay{pointer-events:none;z-index:1;opacity:.7;background-image:radial-gradient(#0d94880f 1.5px,#0000 1.5px);background-size:32px 32px;position:fixed;inset:0}.tilt-card-wrapper{will-change:transform;transform-style:preserve-3d;background:var(--bg-secondary);border-radius:20px;position:relative;box-shadow:0 30px 60px -15px #0000001a}.tilt-card-glare{pointer-events:none;z-index:10;will-change:background, opacity;border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.reveal-item{opacity:0;will-change:transform, opacity;transition:opacity 1.3s cubic-bezier(.16,1,.3,1),transform 1.3s cubic-bezier(.16,1,.3,1)}.reveal-up{transform:translateY(50px)scale(.98)}.reveal-down{transform:translateY(-50px)scale(.98)}.reveal-left{transform:translate(50px)}.reveal-right{transform:translate(-50px)}.reveal-scale{transform:scale(.93)translateY(30px)}.reveal-tilt{transform:perspective(1200px)rotateX(12deg)translateY(50px)scale(.97)}.reveal-item.revealed{opacity:1;transform:translate(0,0)scale(1)rotate(0)}.floating-shape{filter:blur(100px);opacity:.12;pointer-events:none;border-radius:50%;position:absolute}.shape-1{background:var(--accent-primary);width:350px;height:350px;animation:24s ease-in-out infinite alternate floatShape;top:15%;left:5%}.shape-2{background:#2dd4bf;width:450px;height:450px;animation:28s ease-in-out infinite alternate-reverse floatShape;top:35%;right:-5%}.shape-3{background:var(--accent-secondary);width:250px;height:250px;animation:20s ease-in-out infinite alternate floatShape;bottom:10%;left:25%}.shape-4{background:var(--accent-primary);width:400px;height:400px;top:20%;left:-10%}.shape-5{background:#0d9488;width:350px;height:350px;bottom:15%;right:-5%}@keyframes floatShape{0%{transform:translate(0,0)rotate(0)}to{transform:translate(50px,-50px)rotate(120deg)}}.hero{text-align:center;background-color:var(--bg-main);z-index:2;justify-content:center;align-items:center;min-height:85vh;padding:5rem 2rem 8rem;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;position:absolute;inset:0}.glow{filter:blur(120px);opacity:.08;border-radius:50%;width:800px;height:800px;position:absolute}.glow-1{background:var(--accent-primary);top:-200px;left:-200px}.glow-2{background:#2dd4bf;bottom:-200px;right:-200px}.hero-content{z-index:1;flex-direction:column;align-items:center;max-width:900px;display:flex;position:relative}.badge{color:var(--accent-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d948814;border:1px solid #0d948833;border-radius:100px;align-items:center;gap:.6rem;margin-bottom:2rem;padding:.6rem 1.4rem;font-size:.88rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px -3px #0d94880d}.badge:hover{border-color:#0d948866;transform:translateY(-1px)}.badge-sparkle-icon{animation:3s linear infinite spinSparkle}@keyframes spinSparkle{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.15)rotate(180deg)}to{transform:scale(1)rotate(360deg)}}.title{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:1.5rem;font-size:5rem;line-height:1.15}.subtitle{color:var(--text-secondary);max-width:700px;margin-bottom:3rem;font-size:1.25rem;line-height:1.7}.hero-buttons{z-index:10;gap:1.5rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:12px;padding:1rem 2.6rem;font-size:1.05rem;font-weight:600;transition:transform .25s cubic-bezier(.25,1,.5,1),box-shadow .25s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 15px #0d948826}.btn-primary:hover{box-shadow:0 10px 30px var(--accent-glow);transform:translateY(-3px)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#fff;border-radius:12px;padding:1rem 2.6rem;font-size:1.05rem;font-weight:600;transition:all .25s cubic-bezier(.25,1,.5,1)}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-hover);transform:translateY(-2px)}.scroll-indicator{cursor:pointer;opacity:.75;flex-direction:column;align-items:center;gap:.8rem;margin-top:5rem;transition:opacity .3s;animation:2.2s ease-in-out infinite bounceIndicator;display:flex}.scroll-indicator:hover{opacity:1}.mouse-body{border:2px solid var(--text-secondary);border-radius:20px;justify-content:center;width:24px;height:38px;padding-top:6px;display:flex}.scroll-wheel{background-color:var(--accent-primary);border-radius:4px;width:4px;height:8px;animation:1.5s ease-in-out infinite scrollWheel}.scroll-text{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:600}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}50%{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIndicator{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.premium-showcase{background-color:var(--bg-main);z-index:2;padding:4rem 0;position:relative;overflow:hidden}.premium-feature-section{justify-content:space-between;align-items:center;gap:5rem;max-width:1450px;margin:0 auto;padding:7rem 2rem;display:flex}.premium-feature-section.reverse{flex-direction:row-reverse}.premium-feature-content{flex:1;max-width:500px}.feature-icon-wrapper{width:64px;height:64px;color:var(--accent-primary);background:#0d948814;border:1px solid #0d948826;border-radius:18px;justify-content:center;align-items:center;margin-bottom:2rem;display:flex;box-shadow:0 4px 15px -3px #0d948814}.premium-feature-content h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1.2rem;font-size:2.6rem}.premium-feature-content p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.15rem;line-height:1.75}.media-selector{background:var(--bg-secondary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:1.4rem;box-shadow:0 4px 20px -2px #00000008}.selector-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:1rem;font-size:.85rem;font-weight:700}.selector-pills{flex-wrap:wrap;gap:.6rem;display:flex}.pill-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:100px;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.pill-btn:hover{border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px)}.pill-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.premium-feature-media{flex:1.5;min-width:0;position:relative}.media-display-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;width:100%;overflow:hidden;box-shadow:0 25px 60px -15px #00000014}.browser-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.8rem 1.2rem;display:flex}.dot{border-radius:50%;width:11px;height:11px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.browser-url-bar{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;font-family:var(--font-sans);white-space:nowrap;text-overflow:ellipsis;opacity:.8;border-radius:6px;flex-grow:.5;max-width:320px;margin-left:2rem;padding:.25rem 1.25rem;font-weight:500;overflow:hidden}.media-content-wrapper{aspect-ratio:16/9;background:#0d0e11;justify-content:center;align-items:center;display:flex;position:relative}.media-content-wrapper video,.media-content-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.pricing{background-color:var(--bg-main);text-align:center;z-index:2;padding:7rem 2rem 9rem;position:relative}.pricing h2{letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem}.pricing p{color:var(--text-secondary);margin-bottom:4rem;font-size:1.2rem}.pricing-card-tilt{max-width:440px;margin:0 auto}.pricing-card{background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:24px;padding:3.5rem 3rem;position:relative;box-shadow:0 25px 50px -10px #0d94881f}.pricing-badge{background:var(--accent-primary);color:#fff;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 10px var(--accent-glow);border-radius:100px;padding:.5rem 1.8rem;font-size:.85rem;font-weight:700;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:1.2rem;font-size:2.2rem}.price{font-size:4.2rem;font-weight:800;font-family:var(--font-display);color:var(--text-primary);margin-bottom:.5rem}.price span{color:var(--text-secondary);font-size:1.2rem;font-weight:500}.pricing-features{text-align:left;margin:2.5rem 0}.pricing-feature{color:var(--text-secondary);align-items:center;gap:1rem;margin-bottom:1.2rem;font-weight:600;display:flex}.pricing-feature svg{color:var(--accent-primary);flex-shrink:0}.pricing-btn{border-radius:12px;width:100%;padding:1.1rem;font-size:1.1rem}@media (width<=968px){.premium-feature-section,.premium-feature-section.reverse{flex-direction:column;gap:3.5rem;padding:4rem 1.5rem}.premium-feature-content,.premium-feature-media{width:100%;max-width:100%}.title{font-size:3.2rem}.browser-url-bar{display:none}.hero-buttons{flex-direction:column;gap:1rem;width:100%;max-width:320px}.btn-primary,.btn-secondary{width:100%;padding:.9rem 2rem}}@media (width<=640px){.title{font-size:2.6rem}.subtitle{font-size:1.1rem}.pricing-card{padding:2.5rem 1.5rem}}.media-loader-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:10;text-align:center;background:#0d0e11d9;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.spinner-glowing{border:3px solid #0d94881a;border-top-color:var(--accent-primary);border-radius:50%;width:48px;height:48px;margin-bottom:1.5rem;animation:1s linear infinite spinLoader;box-shadow:0 0 20px #0d94884d}.media-loader-overlay p{color:#fafafa;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;line-height:1.4}.media-loader-overlay span{color:var(--text-muted);font-size:.8rem;font-weight:500}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-container{max-width:1000px;margin:0 auto;padding:120px 2rem 6rem}.page-header{border-bottom:1px solid var(--border-color);margin-bottom:4rem;padding-bottom:2rem}.page-header.center{text-align:center;border-bottom:none}.page-header h1{margin-bottom:1rem;font-size:3rem}.page-header p{color:var(--text-secondary);font-size:1.1rem}.page-content section{margin-bottom:3rem}.page-content h2{color:var(--accent-primary);margin-bottom:1rem;font-size:1.8rem}.page-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.8}.page-content ul{color:var(--text-secondary);padding-left:1.5rem;line-height:1.8}.page-content li{margin-bottom:.5rem}.support-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:5rem;display:grid}.support-card{background:var(--bg-surface);border:1px solid var(--border-color);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:2.5rem;display:flex}.support-icon{color:var(--accent-primary);margin-bottom:1.5rem}.support-card h3{margin-bottom:1rem;font-size:1.4rem}.support-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem}.support-link{color:var(--accent-primary);font-weight:600}.support-btn{color:var(--accent-primary);border:1px solid var(--accent-glow);background:#6366f11a;border-radius:8px;padding:.8rem 1.5rem;font-weight:600;transition:background .2s}.support-btn:hover{background:#6366f133}.faq-section{max-width:800px;margin:0 auto}.faq-section h2{color:var(--text-primary);font-size:2.2rem}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item:hover{border-color:var(--accent-primary)}.faq-item.open{border-color:var(--accent-primary);box-shadow:0 4px 20px #10b9811a}.faq-question{justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem;display:flex}.faq-question h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.faq-toggle{color:var(--accent-primary);font-size:1.5rem;font-weight:300}.faq-answer{border-top:1px solid #0000;padding:0 1.5rem 1.5rem}.faq-item.open .faq-answer{border-top-color:var(--border-color);padding-top:1.5rem}.faq-answer p{color:var(--text-secondary);margin:0;line-height:1.6}:root{--bg-main:#fafafa;--bg-secondary:#fff;--bg-surface:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent-primary:#0d9488;--accent-secondary:#0f766e;--accent-glow:#0d948840;--border-color:#e5e7eb;--border-hover:#d1d5db;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1.2}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--accent-primary)}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none}.gradient-text{background:linear-gradient(135deg,#0f766e 0%,#2dd4bf 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.layout-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-grow:1}.navbar{-webkit-backdrop-filter:blur(20px);z-index:100;background:#fafafacc;border-bottom:1px solid #e5e7eb99;justify-content:space-between;align-items:center;padding:1.25rem 4rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #00000003}.nav-brand{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.nav-brand svg{color:var(--accent-primary)}.nav-links{gap:2.5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-actions{align-items:center;gap:1.75rem;display:flex}.nav-link{color:var(--text-secondary);align-items:center;font-weight:500;transition:color .2s;display:inline-flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";background:var(--accent-primary);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.logout-btn{font-size:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-family:inherit}.nav-cta{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #10b98126}.nav-cta:hover{color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #10b9814d}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:4rem 4rem 2rem}.footer-content{grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.footer-brand h3{margin-bottom:1rem;font-size:1.5rem}.footer-brand p{color:var(--text-secondary);max-width:300px}.footer-links{flex-direction:column;gap:1rem;display:flex}.footer-links h4{margin-bottom:.5rem;font-size:1.1rem}.footer-links a{color:var(--text-secondary)}.footer-links a:hover{color:var(--accent-primary)}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);margin-top:3rem;padding-top:3rem;font-size:.9rem}@media (width<=768px){.navbar{padding:1rem 2rem}.nav-links,.nav-actions .nav-link:not(.nav-cta){display:none}.footer-content{grid-template-columns:1fr}}.auth-divider{align-items:center;margin:1.5rem 0;display:flex}.auth-divider-line{background-color:var(--border-color);flex:1;height:1px}.auth-divider-text{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:0 12px;font-size:.85rem;font-weight:500}.ms-login-btn{border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.8rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000005}.ms-login-btn:hover{background-color:var(--bg-surface);border-color:var(--border-hover);transform:translateY(-.5px);box-shadow:0 4px 12px #00000008}.ms-login-btn:active{transform:translateY(0)}