@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap";.dashboard{display:flex;flex-direction:column;align-items:center;gap:40px;padding:20px;max-width:900px;margin:0 auto;min-height:calc(100vh - 64px);position:relative}.dashboard:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-dark) 0%,#171414 100%);z-index:-2}.dashboard:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(255,107,107,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(94,53,177,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}.room-status-card{width:100%;background:linear-gradient(145deg,var(--bg-card) 0%,var(--bg-elevated) 100%);border:1px solid var(--border-color);border-radius:24px;padding:50px 40px;text-align:center;box-shadow:0 12px 40px #0006;position:relative;overflow:hidden}.room-status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-coral),var(--primary-salmon),var(--primary-orange))}.status-indicator{display:inline-flex;align-items:center;gap:8px;background:var(--bg-elevated);padding:8px 16px;border-radius:20px;font-size:14px;color:var(--text-secondary);margin-bottom:24px;border:1px solid var(--border-color)}.status-dot{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.dashboard-title{font-size:36px;font-weight:800;color:var(--text-primary);margin-bottom:16px;line-height:1.2}.dashboard-title .gradient-text{background:linear-gradient(135deg,var(--primary-coral),var(--primary-salmon));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.6;max-width:500px;margin:0 auto 30px}.dashboard-cta{display:inline-block;background:linear-gradient(135deg,var(--primary-coral) 0%,var(--primary-orange) 100%);color:#fff;padding:16px 36px;border-radius:30px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 20px #ff6b6b4d}.dashboard-cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ff6b6b80}.quick-start{width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:32px}.quick-start-title{font-size:18px;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:28px}.steps-row{display:flex;align-items:flex-start;justify-content:center;gap:16px}.step-item{flex:1;max-width:200px;text-align:center;position:relative}.step-num{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:24px;height:24px;background:linear-gradient(135deg,var(--primary-coral),var(--primary-orange));color:#fff;font-size:12px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.step-info{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;padding:32px 16px 20px}.step-icon{font-size:28px;display:block;margin-bottom:10px}.step-info h3{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.step-info p{font-size:12px;color:var(--text-secondary);line-height:1.4}.step-divider{width:30px;height:2px;background:var(--border-color);margin-top:50px}.platforms-support{display:flex;align-items:center;gap:20px}.platforms-text{font-size:14px;color:var(--text-muted)}.platforms-logos{display:flex;align-items:center;gap:24px}.platform-img{height:28px;opacity:.7;filter:brightness(0) invert(1);transition:opacity .2s ease}.platform-img:hover{opacity:1}@media (max-width: 768px){.room-status-card{padding:40px 24px}.dashboard-title{font-size:28px}.steps-row{flex-direction:column;align-items:center;gap:24px}.step-item{max-width:280px}.step-divider{width:2px;height:20px;margin-top:0}}.room-viewer{display:flex;justify-content:center}.room-viewer-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-dark) 100%);border-radius:16px;padding:40px;width:100%;max-width:600px;box-shadow:0 12px 40px #0006;border:1px solid var(--border-color)}.room-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.room-header h2{font-size:24px;margin-bottom:8px;background:linear-gradient(135deg,var(--primary-coral) 0%,var(--primary-salmon) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.room-status{font-size:14px}.status-connected{color:var(--success)}.status-disconnected{color:var(--primary-orange)}.btn-copy{padding:10px 18px;background:var(--bg-elevated);color:#fff;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-copy:hover{background:#353030;border-color:#4a4040}.room-users{margin-bottom:30px}.room-users h3{font-size:18px;margin-bottom:15px;color:var(--text-secondary)}.users-list{background:var(--bg-elevated);border-radius:10px;padding:20px;min-height:100px;border:1px solid var(--border-color)}.no-users{color:var(--text-muted);text-align:center;padding:20px}.user-item{display:flex;align-items:center;padding:12px;margin-bottom:8px;background:linear-gradient(135deg,#ff6b6b14,#5e35b114);border-radius:8px;border:1px solid rgba(255,107,107,.15)}.user-item:last-child{margin-bottom:0}.user-icon{margin-right:12px;font-size:22px}.user-name{font-size:16px;color:var(--text-primary)}.room-instructions{background:var(--bg-elevated);border-radius:10px;padding:24px;margin-bottom:30px;border:1px solid var(--border-color)}.room-instructions h3{font-size:18px;margin-bottom:15px;color:var(--text-secondary)}.room-instructions ol{margin-left:20px;line-height:1.8}.room-instructions li{margin-bottom:8px;color:var(--text-secondary)}.room-instructions strong{color:var(--primary-salmon);font-weight:600}.btn-leave{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-indigo) 100%);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-leave:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5e35b14d}.now-watching{margin-bottom:24px}.now-watching h3{font-size:18px;margin-bottom:12px;color:var(--text-secondary)}.watching-info{display:flex;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#ff6b6b1f,#ff8a651f);border-radius:12px;border:1px solid rgba(255,107,107,.25)}.watching-icon{font-size:28px;margin-right:16px}.watching-details{display:flex;flex-direction:column;gap:2px}.watching-show{font-size:17px;font-weight:700;color:var(--text-primary)}.watching-episode{font-size:14px;font-weight:500;color:var(--primary-salmon)}.watching-episode-title{font-size:14px;color:var(--text-secondary);font-style:italic}.watching-status{font-size:12px;color:var(--text-muted);margin-top:4px}.watching-service{font-size:12px;font-weight:600;color:var(--primary-salmon);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#151212,#1f1a1a);padding:20px;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(255,107,107,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(94,53,177,.08) 0%,transparent 50%);pointer-events:none}.auth-card{background:linear-gradient(135deg,#1f1a1a,#1a1616);border-radius:16px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 20px 60px #0006;border:1px solid #2a2424;position:relative;z-index:1}.auth-card h1{background:linear-gradient(135deg,#ff6b6b,#ff8a65,#5e35b1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;font-size:36px;text-align:center;font-weight:700}.auth-card h2{color:#fff;margin:0 0 36px;font-size:22px;text-align:center;font-weight:500}.form-group{margin-bottom:24px}.form-group label{display:block;color:#c9b8b8;margin-bottom:8px;font-size:14px;font-weight:500}.form-group input{width:100%;padding:14px 16px;background:#2a2424;border:1px solid #3a3030;border-radius:10px;color:#fff;font-size:16px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b26}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:#6a5a5a}.auth-button{width:100%;padding:14px;background:linear-gradient(135deg,#ff6b6b,#ff7043);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:12px}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b59}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.3);color:#ff8a65;padding:14px 16px;border-radius:10px;margin-bottom:24px;font-size:14px;line-height:1.4}.auth-switch{margin-top:24px;text-align:center;color:#8a7a7a;font-size:14px}.link-button{background:none;border:none;color:#ff8a65;cursor:pointer;text-decoration:none;font-size:14px;font-weight:500;padding:0;margin-left:4px;transition:color .2s}.link-button:hover{color:#ff6b6b;text-decoration:underline}.premium-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);background:linear-gradient(135deg,var(--bg-dark) 0%,#171414 100%);padding:40px 20px;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.premium-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(255,107,107,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(94,53,177,.08) 0%,transparent 50%);pointer-events:none}.plan-selector{display:flex;gap:12px;margin-bottom:4px}.plan-card{flex:1;position:relative;background:#2a242499;border:2px solid rgba(58,48,48,.8);border-radius:14px;padding:18px 16px;cursor:pointer;transition:all .25s ease;display:flex;align-items:flex-start;gap:12px}.plan-card:hover{border-color:#daa52066;background:#2a2424e6}.plan-card-selected{border-color:#daa520;background:linear-gradient(135deg,#daa52014,#b8860b0a);box-shadow:0 0 20px #daa5201f}.plan-card-selected:hover{border-color:#daa520}.plan-savings-badge{position:absolute;top:-10px;right:12px;background:linear-gradient(135deg,#b8860b,#daa520,gold);color:#1a1a1a;font-size:10px;font-weight:800;padding:3px 10px;border-radius:10px;letter-spacing:.5px;box-shadow:0 2px 8px #daa5204d}.plan-card-radio{padding-top:2px;flex-shrink:0}.radio-outer{width:20px;height:20px;border-radius:50%;border:2px solid rgba(138,122,122,.5);display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.radio-active{border-color:#daa520}.radio-inner{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#daa520,gold)}.plan-card-content{flex:1;min-width:0}.plan-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.plan-name{font-size:15px;font-weight:700;color:#fff}.plan-recommended{background:linear-gradient(135deg,#b8860b,#daa520);color:#1a1a1a;font-size:9px;font-weight:800;padding:2px 7px;border-radius:6px;letter-spacing:.5px}.plan-price-row{display:flex;align-items:baseline;gap:2px}.plan-price{font-size:24px;font-weight:800;background:linear-gradient(135deg,#daa520,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-period{font-size:13px;color:#8a7a7a;font-weight:500}.plan-billed{font-size:12px;color:#6a5a5a;margin-top:2px}.checkout-wrapper{width:100%;max-width:600px;position:relative;z-index:1}.checkout-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#8a7a7a;font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:color .2s ease}.checkout-back-btn:hover{color:#daa520}.checkout-plan-summary{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#2a2424cc;border:1px solid rgba(218,165,32,.2);border-radius:12px 12px 0 0}.checkout-plan-name{flex:1;font-size:16px;font-weight:700;color:#fff}.checkout-plan-price{font-size:16px;font-weight:700;background:linear-gradient(135deg,#daa520,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.checkout-trial-note{text-align:center;font-size:12px;color:#8a7a7a;padding:8px;background:#2a242499;border-left:1px solid rgba(218,165,32,.2);border-right:1px solid rgba(218,165,32,.2)}.embedded-checkout-container{border-radius:0 0 12px 12px;overflow:hidden;border:1px solid rgba(218,165,32,.2);border-top:none}.homepage{min-height:100vh;background:linear-gradient(180deg,var(--bg-dark) 0%,#0f0d0d 100%);color:var(--text-primary);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.homepage-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;position:relative;z-index:100}.nav-logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#fff;text-decoration:none}.nav-logo img{height:40px}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:500;transition:color .2s ease}.nav-link:hover{color:#fff}.nav-link-btn{background:none;border:none;cursor:pointer;font-family:inherit}.nav-cta{background:linear-gradient(135deg,var(--primary-coral) 0%,var(--primary-salmon) 100%);color:#fff;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:700;font-size:14px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px #ff6b6b66}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff6b6b80}.hero-section{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:60px 60px 100px;position:relative;max-width:1400px;margin:0 auto}.hero-section:before{content:"";position:absolute;top:-150px;right:-150px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,107,.15) 0%,transparent 60%);pointer-events:none}.hero-section:after{content:"";position:absolute;bottom:-100px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(94,53,177,.1) 0%,transparent 60%);pointer-events:none}.hero-content{flex:1;max-width:560px;position:relative;z-index:10}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;color:var(--primary-coral);margin-bottom:24px}.badge-icon{font-size:16px}.hero-title{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:20px;color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg,var(--primary-coral) 0%,var(--primary-salmon) 50%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.7;margin-bottom:32px}.hero-ctas{display:flex;gap:16px;margin-bottom:40px}.cta-primary{background:linear-gradient(135deg,var(--primary-coral) 0%,var(--primary-salmon) 100%);color:#fff;padding:16px 32px;border-radius:30px;text-decoration:none;font-weight:700;font-size:16px;display:inline-flex;align-items:center;gap:10px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 20px #ff6b6b66;border:none;cursor:pointer}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ff6b6b80}.cta-icon{font-size:18px}.cta-secondary{background:transparent;color:#fff;padding:16px 32px;border-radius:30px;text-decoration:none;font-weight:600;font-size:16px;border:1px solid rgba(255,255,255,.3);transition:all .2s ease;cursor:pointer}.cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.hero-trust{display:flex;align-items:center;gap:24px}.trust-item{display:flex;flex-direction:column;gap:4px}.trust-number{font-size:20px;font-weight:800;color:var(--text-primary)}.trust-label{font-size:13px;color:var(--text-muted)}.trust-divider{width:1px;height:40px;background:var(--border-color)}.hero-visual{flex:1;position:relative;min-height:400px;z-index:10}.floating-card{position:absolute;background:#1f1a1af2;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-secondary);box-shadow:0 10px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 3s ease-in-out infinite}.floating-card.card-1{top:20px;left:0;animation-delay:0s}.floating-card.card-2{top:80px;right:0;animation-delay:.5s}.floating-card.card-3{bottom:60px;left:20px;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-avatar{width:32px;height:32px;border-radius:50%}.sync-icon{font-size:18px}.hero-mockup{background:linear-gradient(145deg,var(--bg-card) 0%,var(--bg-elevated) 100%);border-radius:16px;padding:16px;box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff0d;margin:60px 40px 0}.mockup-screen{display:flex;gap:12px;aspect-ratio:16 / 10}.mockup-video{flex:1;background:linear-gradient(135deg,#2d1f3d,#1a1a2e);border-radius:8px;display:flex;align-items:center;justify-content:center}.play-button{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000004d;cursor:pointer;transition:transform .2s ease}.play-button:hover{transform:scale(1.1)}.play-triangle{width:0;height:0;border-left:18px solid #1a1a2e;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}.mockup-sidebar{width:100px;background:#0000004d;border-radius:8px;padding:12px}.sidebar-header{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.sidebar-users{display:flex;flex-wrap:wrap;gap:6px}.user-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary-coral),var(--primary-salmon))}.user-avatar:nth-child(2){background:linear-gradient(135deg,var(--accent-purple),var(--accent-indigo))}.user-avatar:nth-child(3){background:linear-gradient(135deg,#4cd964,#69f0ae)}.user-more{width:24px;height:24px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-color);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.platforms-section{background:#0000004d;padding:50px 60px;text-align:center;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.platforms-label{color:var(--text-muted);font-size:14px;margin-bottom:24px}.platforms-grid{display:flex;justify-content:center;align-items:center;gap:50px;flex-wrap:wrap}.platform-logo-img{height:60px;opacity:.8;transition:opacity .2s ease;filter:brightness(0) invert(1)}.platform-logo-img:hover{opacity:1}.platform-logo{opacity:.7;transition:opacity .2s ease;font-size:22px;font-weight:700;letter-spacing:2px}.platform-logo:hover{opacity:1}.platform-logo.netflix{color:#e50914}.platform-logo.prime{color:#00a8e1}.platform-logo.coming-soon{color:var(--text-muted);font-size:14px;font-weight:500;letter-spacing:0;background:#ffffff0d;padding:8px 16px;border-radius:16px}.how-it-works-section{padding:100px 60px;text-align:center;max-width:1200px;margin:0 auto}.section-title{font-size:40px;font-weight:800;margin-bottom:16px}.section-subtitle{color:var(--text-secondary);font-size:18px;margin-bottom:60px}.steps-container{display:flex;justify-content:center;align-items:flex-start;gap:20px}.step-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px 32px;width:280px;text-align:center;position:relative;transition:transform .3s ease,background .3s ease}.step-card:hover{transform:translateY(-5px);background:#ffffff0f}.step-number{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:32px;height:32px;background:linear-gradient(135deg,var(--primary-coral),var(--primary-salmon));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff}.step-icon{font-size:48px;margin-bottom:20px}.step-title{font-size:20px;font-weight:700;margin-bottom:12px}.step-description{color:var(--text-secondary);font-size:15px;line-height:1.6}.step-connector{width:60px;height:2px;background:linear-gradient(90deg,var(--primary-coral),var(--primary-salmon));margin-top:80px;opacity:.5}.features-section{padding:100px 60px;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px 24px;text-align:center;position:relative;transition:transform .3s ease,background .3s ease}.feature-card:hover{transform:translateY(-5px);background:#ffffff0f}.feature-icon{width:70px;height:70px;background:linear-gradient(135deg,#ff6b6b26,#5e35b126);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px}.feature-badge{position:absolute;top:16px;right:16px;font-size:10px;font-weight:800;padding:4px 10px;border-radius:10px;letter-spacing:.5px}.free-badge{background:#4cd96433;color:var(--success)}.premium-badge{background:linear-gradient(135deg,gold,orange);color:#1a1a1a}.feature-title{font-size:20px;font-weight:700;margin-bottom:12px}.feature-description{color:var(--text-secondary);font-size:14px;line-height:1.6}.premium-feature{border-color:#5e35b14d;background:linear-gradient(145deg,#5e35b10d,#3f51b50d)}.premium-feature:hover{border-color:#5e35b180;background:linear-gradient(145deg,#5e35b11a,#3f51b51a)}.premium-section{padding:100px 60px;display:flex;justify-content:center}.premium-card{position:relative;max-width:800px;width:100%;background:linear-gradient(145deg,var(--bg-card) 0%,var(--bg-elevated) 100%);border:1px solid rgba(255,215,0,.3);border-radius:24px;overflow:hidden}.premium-glow{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FFD700,#FFA500,transparent)}.premium-content{padding:60px;text-align:center}.premium-label{display:inline-block;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;font-size:12px;font-weight:800;padding:6px 16px;border-radius:14px;letter-spacing:1px;margin-bottom:24px}.premium-title{font-size:36px;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-subtitle{color:var(--text-secondary);font-size:18px;margin-bottom:40px}.premium-subtitle strong{color:var(--primary-coral)}.premium-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:450px;margin:0 auto 40px;list-style:none;padding:0;text-align:left}.premium-features li{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:16px;font-weight:500}.check-icon{color:var(--success);font-weight:800}.cta-premium{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;padding:16px 40px;border-radius:30px;border:none;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 20px #ffd7004d}.cta-premium:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ffd70080}.final-cta-section{padding:100px 60px;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(255,107,107,.08) 100%)}.final-cta-content{max-width:600px;margin:0 auto}.final-cta-title{font-size:42px;font-weight:800;margin-bottom:16px}.final-cta-subtitle{color:var(--text-secondary);font-size:18px;margin-bottom:32px}.cta-large{padding:20px 40px;font-size:18px}.final-cta-note{margin-top:20px;color:var(--text-muted);font-size:14px}.homepage-footer{padding:40px 60px;border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text-primary)}.footer-logo img{height:32px}.footer-copyright{color:var(--text-muted);font-size:14px}@media (max-width: 1100px){.hero-section{flex-direction:column;text-align:center;gap:60px;padding:40px 40px 80px}.hero-content{max-width:100%}.hero-ctas,.hero-trust{justify-content:center}.hero-visual{width:100%;max-width:500px;min-height:350px}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-container{flex-wrap:wrap}.step-connector{display:none}}@media (max-width: 768px){.homepage-nav{padding:16px 24px}.nav-links{display:none}.hero-section{padding:30px 24px 60px}.hero-title{font-size:38px}.hero-subtitle{font-size:16px}.hero-ctas{flex-direction:column;align-items:center}.hero-trust{flex-wrap:wrap;gap:16px}.trust-divider,.floating-card{display:none}.hero-mockup{margin:0}.platforms-section{padding:40px 24px}.platforms-grid{gap:30px}.how-it-works-section,.features-section,.premium-section,.final-cta-section{padding:60px 24px}.section-title{font-size:28px}.features-grid{grid-template-columns:1fr;max-width:350px;margin:0 auto}.premium-content{padding:40px 24px}.premium-features{grid-template-columns:1fr}.final-cta-title{font-size:28px}.footer-content{flex-direction:column;gap:16px;text-align:center}}.profile-container{max-width:640px;margin:0 auto;padding:40px 20px}.profile-header{text-align:center;margin-bottom:32px}.profile-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;font-weight:700;color:#1a1a1a}.profile-avatar--premium{background:linear-gradient(135deg,#b8860b,#daa520,gold);box-shadow:0 4px 20px #daa5204d}.profile-avatar--free{background:linear-gradient(135deg,var(--primary-coral),var(--primary-salmon));box-shadow:0 4px 20px #ff6b6b33}.profile-username{font-size:24px;font-weight:700;margin:0 0 4px;color:var(--text-primary)}.profile-email{font-size:14px;color:var(--text-muted);margin:0}.profile-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:20px}.profile-section-title{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.profile-section-title svg{opacity:.6}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.profile-info-row:last-child{border-bottom:none}.profile-info-label{font-size:13px;color:var(--text-muted)}.profile-info-value{font-size:13px;color:var(--text-primary);font-weight:500}.tier-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.5px}.tier-badge--premium{background:linear-gradient(135deg,#b8860b,#daa520,gold);color:#1a1a1a}.tier-badge--free{background:#ffffff14;color:var(--text-secondary)}.profile-form{display:flex;flex-direction:column;gap:12px}.profile-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:14px;transition:border-color .2s ease}.profile-input:focus{outline:none;border-color:var(--primary-coral)}.profile-input::placeholder{color:var(--text-muted)}.profile-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.profile-btn--primary{background:linear-gradient(135deg,var(--primary-coral),var(--primary-salmon));color:#fff}.profile-btn--primary:hover{box-shadow:0 4px 15px #ff6b6b4d;transform:translateY(-1px)}.profile-btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.profile-btn--gold{background:linear-gradient(135deg,#b8860b,#daa520,gold);color:#1a1a1a}.profile-btn--gold:hover{box-shadow:0 4px 15px #daa52059;transform:translateY(-1px)}.profile-btn--outline{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary)}.profile-btn--outline:hover{border-color:#ffffff40;color:var(--text-primary)}.subscription-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px;margin-bottom:16px}.subscription-card--premium{border-color:#daa52033;background:#daa5200a}.profile-success{background:#4caf501a;border:1px solid rgba(76,175,80,.2);color:#66bb6a;padding:10px 14px;border-radius:8px;font-size:13px;text-align:center}.profile-error{background:#f443361a;border:1px solid rgba(244,67,54,.2);color:#ef5350;padding:10px 14px;border-radius:8px;font-size:13px;text-align:center}.profile-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;cursor:pointer;background:none;border:none;padding:0;margin-bottom:24px;transition:color .2s ease}.profile-back:hover{color:var(--text-primary)}.auth-method-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:500}.auth-method-badge--google{background:#4285f41a;color:#4285f4;border:1px solid rgba(66,133,244,.2)}.auth-method-badge--email{background:#ffffff0f;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.danger-zone{border-color:#f443364d;background:#f443360a;margin-top:40px}.danger-title{color:#ef5350}.danger-title svg{opacity:1}.profile-btn--danger{background:#f443361a;color:#ef5350;border:1px solid rgba(244,67,54,.3)}.profile-btn--danger:hover{background:#f4433633;border-color:#f4433680;transform:translateY(-1px)}.profile-btn--danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.delete-confirm{background:#0000004d;border-radius:8px;padding:16px;border:1px solid rgba(244,67,54,.2);display:flex;flex-direction:column;gap:12px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;min-width:340px;max-width:480px;box-shadow:0 8px 32px #0006,0 2px 8px #0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.toast-success{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1px solid rgba(34,197,94,.3)}.toast-success .toast-icon{color:#22c55e}.toast-success .toast-progress{background:linear-gradient(90deg,#22c55e,#16a34a)}.toast-error{background:linear-gradient(135deg,#ff6b6b26,#e509141a);border:1px solid rgba(255,107,107,.3)}.toast-error .toast-icon{color:var(--primary-coral, #FF6B6B)}.toast-error .toast-progress{background:linear-gradient(90deg,var(--primary-coral, #FF6B6B),var(--primary-salmon, #FF8E8E))}.toast-info{background:linear-gradient(135deg,#8b5cf626,#6d28d91a);border:1px solid rgba(139,92,246,.3)}.toast-info .toast-icon{color:var(--accent-purple, #8B5CF6)}.toast-info .toast-progress{background:linear-gradient(90deg,var(--accent-purple, #8B5CF6),#a78bfa)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-content{flex:1}.toast-message{color:#f0f0f0;font-size:14px;font-weight:500;line-height:1.4;margin:0}.toast-close{flex-shrink:0;background:none;border:none;color:#fff6;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toast-close:hover{color:#fffc;background:#ffffff1a}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;transform-origin:left;border-radius:0 0 14px 14px}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:0 28px;background:#1a1a1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-coral),var(--primary-salmon),var(--accent-purple))}.app-header-inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;height:64px}.app-header-logo{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}.app-header-logo img{height:38px}.app-header-logo h1{font-size:26px;margin:0;background:linear-gradient(135deg,var(--primary-coral) 0%,var(--primary-salmon) 50%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.5px}.app-header-nav{display:flex;align-items:center;gap:12px}.premium-badge{background:linear-gradient(135deg,#b8860b,#daa520,gold);padding:5px 14px;border-radius:20px;font-size:13px;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #daa52040;letter-spacing:.3px;transition:all .2s ease}.premium-badge:hover{box-shadow:0 4px 16px #daa52066;transform:translateY(-1px)}.upgrade-btn{background:linear-gradient(135deg,#b8860b,#daa520,gold);border:none;color:#1a1a1a;padding:7px 16px;border-radius:8px;cursor:pointer;font-weight:700;font-size:12px;display:flex;align-items:center;gap:5px;box-shadow:0 2px 10px #daa52040;transition:all .2s ease;letter-spacing:.4px}.upgrade-btn:hover{box-shadow:0 4px 16px #daa52073;transform:translateY(-1px)}.admin-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:8px;font-size:11px;font-weight:600;color:#fff9;cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.admin-btn:hover{background:#ffffff1a;color:#ffffffe6;border-color:#fff3}.header-username{color:#ffffff80;font-size:13px;font-weight:500}.logout-btn{background:none;border:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.logout-btn:hover{border-color:#ff6b6b66;color:var(--primary-coral);background:#ff6b6b0f}.nav-divider{width:1px;height:24px;background:#ffffff14}.app-main{flex:1;max-width:800px;width:100%;margin:0 auto;padding:40px 20px}.app-main.premium-view{max-width:none;padding:0;margin:0}.app-footer{text-align:center;padding:24px;color:var(--text-muted);font-size:14px;border-top:1px solid var(--border-color)}.user-info{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:12px 20px;background:#ff6b6b1a;border-radius:50px;display:inline-flex;border:1px solid rgba(255,107,107,.2)}.user-info span{color:var(--text-secondary);font-size:14px}.user-info strong{color:var(--primary-salmon)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--primary-coral: #FF6B6B;--primary-salmon: #FF8A65;--primary-orange: #FF7043;--accent-purple: #5E35B1;--accent-indigo: #3F51B5;--bg-dark: #151212;--bg-card: #1f1a1a;--bg-elevated: #2a2424;--border-color: #3a3030;--text-primary: #ffffff;--text-secondary: #c9b8b8;--text-muted: #8a7a7a;--success: #4cd964;--error: #FF6B6B}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,var(--bg-dark) 0%,#0f0d0d 100%);color:var(--text-primary);min-height:100vh}code{font-family:SF Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4040}::selection{background:#ff6b6b4d;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}