:root{--primary:#111b32;--accent:#13fb22;--light:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f8fafc;font-family:Poppins,Arial,Helvetica,sans-serif;line-height:1.5}button,input{font:inherit}header{z-index:100;background-color:#fff;justify-content:space-between;align-items:center;padding:.8rem 5%;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}.logo{width:auto;height:50px}.header-actions{align-items:center;gap:.75rem;display:flex}.header-actions button{color:var(--primary);cursor:pointer;background:#fff;border:1px solid #d6dbe5;border-radius:4px;padding:.55rem 1rem;font-weight:600}.header-actions .signup-btn{border-color:var(--accent);background:var(--accent)}.container{max-width:1000px;margin:0 auto;padding:0 1rem}.hero{background-color:var(--primary);color:#fff;padding:3rem 0}.hero-container{align-items:center;gap:2rem;display:flex}.hero-content,.hero-image{flex:1}.hero-image img{border-radius:6px;width:100%;height:auto;box-shadow:0 5px 15px #0003}h1{letter-spacing:0;margin-bottom:1rem;font-size:2.2rem;font-weight:700;line-height:1.2}h2{color:var(--primary);text-align:center;letter-spacing:0;margin-bottom:1.5rem;font-size:1.8rem}.accent{color:var(--accent)}.hero p{opacity:.9;margin-bottom:1.5rem;font-size:1rem}.btn{background-color:var(--accent);color:var(--primary);cursor:pointer;border:0;border-radius:4px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 10px #13fb224d}.features{padding:3rem 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.feature-card{text-align:center;background-color:#fff;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.feature-card h3{color:var(--primary);margin-bottom:.8rem;font-size:1.2rem}.feature-card p{color:#666;font-size:.9rem}.about-pricing{background-color:var(--light);padding:3rem 0}.about-pricing-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2.5rem;display:grid}.about-content h2,.pricing-content h2,.transformations h2{text-align:left}.about-content p{margin-bottom:1rem;font-size:.95rem}.pricing-card{text-align:center;background-color:#fff;border-radius:6px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 3px 10px #00000014}.pricing-card h3{color:var(--primary);margin-bottom:.8rem;font-size:1.3rem}.price{color:var(--accent);margin-bottom:1rem;font-size:2rem;font-weight:700;display:block}.pricing-card p{color:#666;margin-bottom:1.5rem;font-size:.9rem}.transformations{padding:2.5rem 0}.transformations h2{margin:0 0 .25rem}.transformations-head{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));place-items:end center;gap:2rem;margin-bottom:.5rem;display:grid}.transformations-title{justify-self:start}.transformations-subtitle,.subtitle-mobile{color:var(--primary);font-size:1.2rem;font-weight:700}.subtitle-mobile{display:none}.transformations-grid{--media-height:420px;grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.media-card{min-width:0}.carousel{height:var(--media-height);border-radius:6px;position:relative;overflow:hidden;box-shadow:0 3px 10px #0000001a}.carousel-track{height:100%;transition:transform .3s;display:flex}.carousel-slide{grid-template-columns:1fr 1fr;min-width:100%;display:grid}.carousel-img-wrapper{position:relative;overflow:hidden}.carousel-img-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.carousel-label{color:#fff;background:#111b32d9;border-radius:999px;padding:.25rem .65rem;font-size:.8rem;font-weight:700;position:absolute;bottom:.75rem;left:.75rem}.carousel-btn{z-index:2;width:38px;height:38px;color:var(--primary);cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;font-size:2rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn.prev{left:.75rem}.carousel-btn.next{right:.75rem}.carousel-dots{justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.carousel-dot{cursor:pointer;background-color:#a0a7b5;border:0;border-radius:50%;width:9px;height:9px}.carousel-dot.active{background-color:var(--accent)}.video-wrapper{height:var(--media-height);border-radius:6px;overflow:hidden;box-shadow:0 3px 10px #0000001a}.video-wrapper video{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}footer{background-color:var(--primary);color:#fff;text-align:center;padding:1.5rem 0;font-size:.8rem}.modal-backdrop{z-index:1000;background:#111b32a6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.auth-modal{background:#fff;border-radius:6px;width:min(100%,430px);padding:1.5rem;position:relative;box-shadow:0 20px 60px #00000047}.close-modal{color:#666;cursor:pointer;background:#fff;border:1px solid #d6dbe5;border-radius:50%;width:34px;height:34px;font-weight:700;position:absolute;top:.75rem;right:.75rem}.mode-switch,.plan-switch{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.mode-switch button,.plan-switch button{color:var(--primary);cursor:pointer;background:#fff;border:1px solid #d6dbe5;border-radius:4px;padding:.7rem;font-weight:600}.mode-switch button.active,.plan-switch button.active{border-color:var(--accent);box-shadow:0 0 0 3px #13fb222e}.auth-form label{color:var(--primary);margin-bottom:1rem;font-size:.9rem;font-weight:600;display:block}.auth-form input{border:1px solid #d6dbe5;border-radius:4px;width:100%;min-height:44px;margin-top:.35rem;padding:0 .75rem}.submit{width:100%}.auth-message{border-left:4px solid var(--accent);color:#666;margin-top:1rem;padding-left:.75rem;font-size:.9rem}.member-panel.open{gap:1rem;display:grid}.member-panel h2{text-align:left;margin-bottom:0}.member-copy{color:#666}.content-link,.secondary-action{border-radius:4px;place-items:center;min-height:46px;font-weight:700;text-decoration:none;display:grid}.content-link{background:var(--accent);color:var(--primary)}.secondary-action{color:var(--primary);cursor:pointer;background:#fff;border:1px solid #d6dbe5}@media (max-width:768px){header{align-items:flex-start;gap:1rem}.header-actions{flex-wrap:wrap;justify-content:flex-end}.hero-container{flex-direction:column}.features-grid,.about-pricing-grid,.transformations-grid,.transformations-head{grid-template-columns:1fr}.transformations-subtitle{display:none}.subtitle-mobile{margin-bottom:.75rem;display:block}h1{font-size:1.8rem}h2{font-size:1.5rem}.transformations-grid{--media-height:420px}}