.landing-new{background:linear-gradient(135deg,#0f0f1e,#1a1a2e);color:#fff;overflow-x:hidden}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:linear-gradient(135deg,#0f0f1e,#1a1a2e)}.hero-content{max-width:700px}.hero h1{font-size:56px;font-weight:700;line-height:1.2;margin:0 0 20px;background:linear-gradient(120deg,#00aeff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:#aaa;margin:0 0 40px;line-height:1.6}.cta-primary{background:linear-gradient(120deg,#00aeff,#0f8);color:#000;border:none;padding:16px 40px;font-size:18px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;display:inline-block;margin-bottom:20px}.cta-primary:hover{transform:scale(1.05);box-shadow:0 8px 24px #00aeff66}.coach-link{margin:30px 0 0;color:#aaa;font-size:16px}.link-button{background:none;border:none;color:#00aeff;cursor:pointer;text-decoration:underline;font-size:16px;font-weight:600;padding:0}.link-button:hover{color:#0f8}.screenshots-section{padding:80px 40px;max-width:1200px;margin:0 auto}.screenshots-section h2{font-size:42px;text-align:center;margin-bottom:60px;color:#fff}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.screenshot-card{background:#ffffff0d;border:1px solid rgba(0,174,255,.2);border-radius:12px;padding:20px;transition:all .3s ease}.screenshot-card:hover{border-color:#00aeff99;background:#ffffff14}.screenshot-image{height:200px;margin-bottom:20px;border-radius:8px;overflow:hidden;background:#0000004d}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00aeff1a,#00ff881a);border:2px dashed rgba(0,174,255,.3)}.placeholder-text{color:#00aeff99;text-align:center;padding:20px;font-size:14px;font-weight:500}.screenshot-card h3{font-size:18px;margin:15px 0 10px;color:#00aeff}.screenshot-card p{color:#aaa;font-size:14px;line-height:1.6;margin:0}.trust-section{display:flex;justify-content:space-around;align-items:center;padding:60px 40px;background:#00aeff0d;border-top:1px solid rgba(0,174,255,.1);border-bottom:1px solid rgba(0,174,255,.1);flex-wrap:wrap;gap:40px}.trust-stat{text-align:center}.stat-number{font-size:48px;font-weight:700;background:linear-gradient(120deg,#00aeff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.stat-label{color:#aaa;font-size:16px}.testimonials{padding:80px 40px;max-width:1000px;margin:0 auto}.testimonials h2{font-size:42px;text-align:center;margin-bottom:50px;color:#fff}.testimonial-card{background:#ffffff0d;border-left:4px solid #00aeff;padding:30px;margin-bottom:30px;border-radius:8px}.testimonial-card p{color:#ddd;font-size:16px;line-height:1.8;margin:0 0 15px}.testimonial-author{color:#00aeff;font-size:14px;font-weight:600}.faq{padding:80px 40px;max-width:800px;margin:0 auto}.faq h2{font-size:42px;text-align:center;margin-bottom:50px;color:#fff}.faq-item{margin-bottom:30px;background:#ffffff08;padding:25px;border-radius:8px;border-left:3px solid rgba(0,174,255,.4)}.faq-item h4{color:#00aeff;font-size:18px;margin:0 0 10px}.faq-item p{color:#aaa;margin:0;line-height:1.6;font-size:15px}.cta-section{padding:60px 40px;text-align:center;background:#00aeff14}.cta-section h2{font-size:36px;margin-bottom:30px;color:#fff}.footer{padding:40px;text-align:center;border-top:1px solid rgba(0,174,255,.1);color:#666;font-size:14px}.footer-links{margin-top:20px;display:flex;justify-content:center;gap:30px}.footer-links a{color:#00aeff;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#0f8}@media(max-width:768px){.hero h1{font-size:36px}.hero-subtitle{font-size:16px}.screenshots-section h2,.testimonials h2,.cta-section h2{font-size:28px}.trust-section{flex-direction:column;gap:20px}.stat-number{font-size:32px}.footer-links{flex-direction:column;gap:10px}}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;color-scheme:dark;color:#ffffffeb;background:#0b0f17}*{box-sizing:border-box}body{margin:0;min-height:100vh}.container{max-width:920px;margin:0 auto;padding:16px}.header{padding:10px 0 16px}.rowBetween{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:20px;font-weight:700}.sub{font-size:14px;opacity:.75}.panel{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px}.row{display:flex;gap:10px;align-items:center}.input{flex:1;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:inherit;outline:none}.btn{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:inherit;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:#00aaff38;border-color:#00aaff59}.btn.danger{border-color:#ff5a5a59;background:#ff5a5a2e}.btn.danger:hover{border-color:#ff5a5aa6;background:#ff5a5a47}.btn.link{background:transparent;border:none;padding:8px 0;opacity:.8;text-align:left}.btn-primary{padding:10px 16px;border-radius:12px;border:1px solid rgba(0,170,255,.35);background:#00aaff38;color:#ffffffeb;cursor:pointer;font-weight:600;text-decoration:none;display:inline-block;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#00aaff59;border-color:#00aaff8c}.btn-danger{padding:10px 16px;border-radius:12px;border:1px solid rgba(255,90,90,.35);background:#ff5a5a2e;color:#ffffffeb;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#ff5a5a47;border-color:#ff5a5aa6}.btn-danger:disabled{opacity:.55;cursor:not-allowed}.uploadRow{display:flex;gap:12px;align-items:center;margin:12px 0}.grid{display:grid;gap:12px;grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:680px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.cardTitle{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardMeta{display:flex;justify-content:space-between;gap:10px;font-size:12px;opacity:.75}.muted{opacity:.75}.error{margin-top:10px;padding:10px 12px;border-radius:12px;background:#ff3c3c24;border:1px solid rgba(255,60,60,.25)}.footer{margin-top:14px;font-size:12px}.appShell{min-height:100vh;display:flex;flex-direction:column;background:#0b0f17}.appNav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#090c14eb;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.appNavBrand{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;padding:8px 12px;border-radius:10px;font-weight:700;letter-spacing:.03em;cursor:pointer}.appNavContext{display:flex;flex-direction:column;gap:2px;min-width:140px}.appNavTitle{font-size:14px;font-weight:600}.appNavBadge{font-size:12px;opacity:.7}.appNavLinks{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.appNavLink{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:600}.appNavLink.active{background:#00aaff38;border-color:#00aaff73}.appNavLink.danger{border-color:#ff5a5a59}.appNavLink.danger:hover{background:#ff5a5a33}.appShellMain{flex:1;display:flex;flex-direction:column}@media(max-width:720px){.appNav{flex-direction:column;align-items:stretch}.appNavBrand{align-self:flex-start}}.select{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:inherit;outline:none}.modalOverlay{position:fixed;inset:0;background:#000000ad;display:flex;align-items:center;justify-content:center;padding:14px;z-index:1000}.modalCard{width:min(920px,100%);max-height:92vh;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#0f121cfa;display:flex;flex-direction:column}.modalHeader,.modalFooter{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.modalFooter{border-bottom:none;border-top:1px solid rgba(255,255,255,.1)}.modalTitle{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modalBody{padding:12px;overflow:auto;position:relative}.carouselBtn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:32px;font-weight:300;display:grid;place-items:center;cursor:pointer;transition:all .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carouselBtn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.carouselBtnPrev{left:16px}.carouselBtnNext{right:16px}@media(max-width:680px){.carouselBtn{width:40px;height:40px;font-size:28px}.carouselBtnPrev{left:8px}.carouselBtnNext{right:8px}}.modalMedia{width:100%;max-height:70vh;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#000;object-fit:contain;opacity:0;transition:opacity .3s ease-in-out}.modalMedia-loaded{opacity:1}.modalMedia-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0}.thumbGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:680px){.thumbGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:980px){.thumbGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.thumbCard{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;aspect-ratio:1 / 1}.thumbCard:hover{border-color:#00aaff59}.thumbCardSelected{border-color:#0afc;box-shadow:0 0 0 2px #00aaff59 inset}.thumbMedia{position:relative;width:100%;height:100%;background:#ffffff0a}.selectBadge{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#00000059;display:grid;place-items:center;font-weight:700}.selectBadge.selected{background:#00aaffa6;border-color:#00aaffd9}.albumBadge{position:absolute;bottom:8px;left:8px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;background:#000000bf;color:#fffffff2;border:1px solid rgba(255,255,255,.15);max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.thumbImg{width:100%;height:100%;object-fit:cover;display:block}.thumbSkeleton{width:100%;height:100%;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.thumbVideoPlaceholder{width:100%;height:100%;background:#ffffff0a;display:grid;place-items:center;position:relative}.thumbVideoPlaceholder img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:0}.playBadge{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;background:#00000073;border:1px solid rgba(255,255,255,.22);font-size:18px;position:relative;z-index:1}.thumbMeta{padding:10px}.thumbTitle{font-weight:650;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbSub{font-size:12px;margin-top:4px}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.skeleton-pulse{background:#ffffff1f;border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#fffc;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}
