:root{--purple: #6c4ff6;--purple-dark: #5538e0;--purple-soft: #f1efff;--yellow: #f5b700;--yellow-dark: #d9a200;--ink: #343a5e;--text: #4a4f6a;--muted: #6b7088;--line: #e6e7f0;--bg-alt: #f7f6ff;--white: #fff;--green: #16a34a;--red: #dc2626;--radius: 14px;--shadow: 0 10px 30px rgba(52, 58, 94, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--text);background:var(--white);line-height:1.6}h1,h2,h3,h4{color:var(--ink);margin:0 0 .5rem;line-height:1.25}h1{font-size:clamp(2rem,4.5vw,3.6rem);font-weight:800}h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;margin-bottom:.6rem}h3{font-size:1.15rem;font-weight:600}p{margin:0 0 1rem}a{color:var(--purple);text-decoration:none}code{background:var(--purple-soft);padding:.1em .4em;border-radius:6px;font-size:.9em}.container{width:min(1200px,100% - 32px);margin:0 auto}.section{padding:72px 0}.section-alt{background:var(--bg-alt)}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.85rem}.mt{margin-top:2.5rem}.lead{font-size:1.1rem;color:var(--muted)}.page-loading{padding:80px 16px;text-align:center;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid transparent;border-radius:10px;padding:.7rem 1.4rem;font:inherit;font-weight:600;cursor:pointer;transition:.15s;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{background:var(--purple-dark)}.btn-accent{background:var(--yellow);color:var(--ink)}.btn-accent:hover{background:var(--yellow-dark)}.btn-outline{border-color:var(--purple);color:var(--purple);background:#fff}.btn-outline:hover{background:var(--purple-soft)}.btn-ghost{border-color:#fff;color:#fff}.btn-ghost:hover{background:#ffffff26}.btn-success{background:var(--green);color:#fff}.btn-sm{padding:.45rem .9rem;font-size:.9rem}.btn-lg{padding:.9rem 1.6rem;font-size:1.05rem}.btn-block{width:100%}.topbar{background:var(--purple);color:#fff;text-align:center;font-size:.85rem;font-weight:600;padding:6px 16px}.navbar{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 12px #0000000f}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:78px;gap:1rem}.logo{display:flex;align-items:center;gap:.6rem;color:var(--ink)}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-text strong{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.logo-accent{color:var(--purple)}.logo-text small{font-size:.65rem;color:var(--muted);font-weight:500}.logo-light .logo-text strong,.logo-light .logo-text small{color:#fff}.logo-light .logo-accent{color:var(--yellow)}.nav-links{display:flex;align-items:center;gap:1.6rem}.nav-links a{color:var(--ink);font-weight:600}.nav-links a.active{color:var(--purple)}.nav-links a.btn{color:#fff}.nav-user{color:var(--muted);font-weight:500}.nav-toggle{display:none;background:none;border:0;color:var(--ink);cursor:pointer}.hero{padding:72px 0 56px}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}.hero-box{background:var(--purple);color:#fff;border-radius:var(--radius);padding:1.4rem 1.6rem;margin:1.5rem 0}.hero-box strong{display:block;margin-bottom:.7rem;font-size:1.05rem}.hero-box-row{display:flex;gap:.8rem}.hero-box select{flex:1;min-width:0;border:0;border-radius:10px;padding:.7rem .9rem;font:inherit}.hero-social{display:flex;align-items:center;gap:.8rem;color:var(--muted)}.avatars{display:flex}.avatars i{width:36px;height:36px;border-radius:50%;background:var(--purple);color:#fff;font-style:normal;font-size:.7rem;font-weight:700;display:grid;place-items:center;border:2px solid #fff;margin-right:-10px}.hero-art{position:relative;height:440px}.hero-tile{position:absolute;border-radius:22px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;font-weight:600;color:var(--ink);border:1px solid var(--line)}.hero-tile span{font-size:3.2rem}.t1{left:5%;top:5%;width:46%;height:50%;background:linear-gradient(160deg,#fff,var(--purple-soft))}.t2{right:0;top:18%;width:44%;height:44%;background:linear-gradient(160deg,#fff,#fff6d6)}.t3{left:18%;bottom:0;width:50%;height:40%;background:linear-gradient(160deg,#fff,#e8f7ee)}.hero-bubble{position:absolute;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.4rem}.b1{right:12%;top:0;width:64px;height:64px;background:var(--purple)}.b2{right:6%;bottom:10%;width:48px;height:48px;background:var(--yellow);color:var(--ink)}.cred-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.6rem;box-shadow:var(--shadow);margin-bottom:20px}.cred-strip strong{color:var(--ink);font-size:1.1rem;margin-right:auto}.badge{background:var(--purple-soft);color:var(--purple-dark);font-weight:600;font-size:.8rem;padding:.35rem .7rem;border-radius:999px}.logo-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.5rem}.logo-chip{background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:700;padding:.6rem 1.2rem;border-radius:10px;letter-spacing:.02em}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:2rem}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow)}.latest-card{text-align:left}.latest-art{position:relative;height:170px;border-radius:10px;background:linear-gradient(135deg,var(--purple-soft),#fff6d6);display:grid;place-items:center;font-size:4rem;margin-bottom:1rem}.latest-art em{position:absolute;left:10px;top:10px;font-style:normal;background:var(--purple);color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .7rem;border-radius:999px}.trending-grid{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;margin-top:2rem;align-items:start}.cat-list{display:flex;flex-direction:column;gap:.7rem;position:sticky;top:100px}.cat-btn{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.85rem 1rem;font:inherit;font-weight:500;color:var(--ink);cursor:pointer;text-align:left}.cat-btn small{margin-left:auto;color:var(--muted)}.cat-btn.active{background:var(--purple);color:#fff;border-color:var(--purple)}.cat-btn.active small{color:#ddd}.course-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:inherit;transition:.2s;box-shadow:var(--shadow)}.course-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #343a5e24}.course-art{height:160px;display:grid;place-items:center;position:relative}.course-art.tall{height:200px;border-radius:10px;margin-bottom:1rem}.course-art-emoji{font-size:4rem;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3))}.course-body{padding:1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.4rem}.pill{display:inline-block;background:var(--purple);color:#fff;font-size:.72rem;font-weight:600;padding:.25rem .7rem;border-radius:6px;width:fit-content}.pill-warn{background:var(--yellow);color:var(--ink)}.pill-light{background:#fff3;color:#fff}.course-body h3{color:var(--purple);margin:.2rem 0}.course-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.course-meta span{display:inline-flex;align-items:center;gap:.3rem}.live-badge{color:var(--red);border:1px solid var(--red);border-radius:999px;padding:.05rem .6rem;font-size:.75rem;font-weight:600}.course-price{display:flex;align-items:baseline;gap:.6rem}.course-price strong{color:var(--ink);font-size:1.3rem}.course-price s{color:var(--muted);font-size:.9rem}.course-price em{color:var(--green);font-style:normal;font-weight:600;font-size:.85rem}.course-price.big strong{font-size:2rem}.learn-more{color:var(--yellow-dark);font-weight:600;display:inline-flex;align-items:center;gap:.3rem}.stack{display:flex;flex-direction:column;gap:1rem}.feature{border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;background:#fff}.feature-icon{width:48px;height:48px;border-radius:10px;background:var(--purple);color:#fff;display:grid;place-items:center;margin-bottom:1rem}.feature p{color:var(--muted);margin:0;font-size:.95rem}.journey{list-style:none;padding:0;margin:2rem auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;counter-reset:s;text-align:left}.journey li{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;display:flex;gap:.8rem;align-items:flex-start;font-weight:500;color:var(--ink);position:relative}.step-no{flex:none;width:34px;height:34px;border-radius:50%;background:#f97316;color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}.mentor-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;margin-top:3.5rem}.mentor{background:var(--purple);color:#fff;border-radius:var(--radius);padding:3.2rem 1rem 1.6rem;position:relative}.mentor h3{color:#fff;font-size:1.05rem;margin-top:.5rem}.mentor span{color:var(--yellow);font-size:.85rem;font-weight:600}.mentor-avatar{width:96px;height:96px;border-radius:16px;background:var(--yellow);color:#fff;font-weight:800;font-size:1.8rem;display:grid;place-items:center;margin:-5rem auto 0;border:4px solid #fff;box-shadow:var(--shadow)}.mentor-avatar.sm{width:46px;height:46px;margin:0;border-radius:50%;font-size:1rem;border:0;background:var(--purple)}.mentor-inline{display:flex;align-items:center;gap:1rem}.reviews-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;align-items:start}.reviews-intro{background:var(--purple);color:#fff;border-radius:var(--radius);padding:2.4rem;min-height:100%}.reviews-intro h2{color:#fff;font-size:2.2rem}.review{text-align:left}.review-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}.review-head small{display:block;color:var(--muted)}.review-head .g{margin-left:auto;font-weight:800;color:#4285f4;font-size:1.4rem}.review-head .pill{margin-left:auto}.stars{color:var(--yellow);letter-spacing:2px;margin-bottom:.4rem}.review p{margin:0}.partners{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.partners>div:first-child{border-right:1px solid var(--line)}.cta-band{background:var(--purple);color:#fff;border-radius:24px;padding:3rem;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:2rem;overflow:hidden;position:relative}.cta-band h2{color:#fff;font-size:2.2rem}.cta-actions{display:flex;gap:.8rem}.cta-art{font-size:7rem;text-align:center}.talk-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:start}.ticks{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.ticks li{display:flex;align-items:center;gap:.5rem;color:var(--ink)}.ticks li svg{color:var(--green);flex:none}.lead-form,.auth-card{display:flex;flex-direction:column;gap:.8rem}input,select,textarea{width:100%;font:inherit;padding:.75rem .9rem;border:1px solid var(--line);border-radius:10px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--purple);border-color:transparent}label{display:flex;flex-direction:column;gap:.3rem;font-weight:500;color:var(--ink);font-size:.95rem}.auth-wrap{min-height:70vh;display:grid;place-items:center;padding:48px 16px;background:var(--bg-alt)}.auth-card{width:min(440px,100%)}.auth-card h1{font-size:2rem;margin-bottom:0}.lead-done{text-align:center}.page-hero{background:linear-gradient(135deg,var(--purple),#3b2bb3);color:#fff;padding:64px 0}.page-hero h1{color:#fff}.page-hero p{color:#e9e6ff;max-width:680px;font-size:1.1rem}.search{display:flex;gap:.6rem;max-width:640px;margin-top:1.2rem}.stat-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.6rem}.stat-row div{background:#ffffff1f;border-radius:12px;padding:1rem 1.4rem;min-width:150px}.stat-row strong{display:block;font-size:1.8rem;color:var(--yellow)}.detail-hero{background:var(--bg-alt);padding:48px 0 0}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;align-items:start}.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:.8rem}.detail-meta{display:flex;flex-wrap:wrap;gap:1rem;font-weight:500;color:var(--ink);margin-bottom:1rem}.detail-meta span{display:inline-flex;align-items:center;gap:.3rem}.detail-meta svg{color:var(--yellow)}.tools{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.buy-card{position:sticky;top:100px;margin-bottom:-60px}.secure-note{display:flex;align-items:center;gap:.4rem;justify-content:center;font-size:.8rem;color:var(--muted);margin:.6rem 0 0}.accordion{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.acc-item+.acc-item{border-top:1px solid var(--line)}.acc-item button{width:100%;background:#fff;border:0;font:inherit;font-weight:600;color:var(--ink);padding:1rem 1.2rem;display:flex;justify-content:space-between;cursor:pointer;text-align:left}.acc-item.open button{background:var(--purple-soft)}.acc-item ul{margin:0;padding:.8rem 1.2rem 1rem 2.4rem;background:#fff}.faq details{border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;margin-bottom:.6rem}.faq summary{font-weight:600;color:var(--ink);cursor:pointer}.dash-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.alert{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:1rem 1.2rem;border-radius:10px;margin-bottom:1.5rem;font-weight:500}.course-card.static:hover{transform:none}.progress{height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin-top:.4rem}.progress span{display:block;height:100%;background:var(--green)}.empty{padding:3rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--line)}th{background:var(--bg-alt);color:var(--ink)}.status-paid{background:var(--green)}.status-created{background:var(--yellow);color:var(--ink)}.status-failed,.status-cancelled{background:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1410328c;display:grid;place-items:center;z-index:100;padding:16px}.modal{background:#fff;border-radius:16px;padding:1.6rem;width:min(440px,100%);display:flex;flex-direction:column;gap:.9rem}.modal-head{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;color:var(--ink)}.order-summary{display:flex;justify-content:space-between;background:var(--bg-alt);border-radius:10px;padding:.9rem 1rem;font-weight:600;color:var(--ink)}.mock-methods{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mock-methods label{flex-direction:row;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem}.mock-methods input{width:auto}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end}.toast-wrap{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:.6rem;z-index:200}.toast{background:var(--ink);color:#fff;padding:.8rem 1.1rem;border-radius:10px;box-shadow:var(--shadow);font-weight:500;max-width:360px;animation:pop .2s ease-out}.toast-success{background:var(--green)}.toast-error{background:var(--red)}.toast-info{background:var(--purple)}@keyframes pop{0%{transform:translateY(10px);opacity:0}}.footer{background:#1d1a3a;color:#c9c7e2;margin-top:48px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding:56px 0 32px}.footer h4{color:#fff;margin-bottom:.8rem}.footer a,.footer span{display:block;color:#c9c7e2;margin-bottom:.5rem}.footer a:hover{color:var(--yellow)}.footer-about{margin-top:1rem;font-size:.92rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:1.2rem;font-size:.85rem}@media (max-width: 1024px){.grid-4,.mentor-grid,.journey{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.trending-grid{grid-template-columns:240px 1fr}.hero-grid,.reviews-grid,.talk-grid,.detail-grid,.cta-band{grid-template-columns:1fr}.hero-art{display:none}.buy-card{position:static;margin-bottom:2rem}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.section{padding:48px 0}.nav-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;flex-direction:column;align-items:stretch;padding:1rem 16px 1.4rem;gap:1rem;box-shadow:0 12px 24px #00000014}.nav-links.open{display:flex}.grid-2,.grid-3,.grid-4,.mentor-grid,.journey,.trending-grid,.partners,.footer-grid,.mock-methods{grid-template-columns:1fr}.partners>div:first-child{border-right:0;border-bottom:1px solid var(--line);padding-bottom:1.5rem}.cat-list{position:static;flex-direction:row;overflow-x:auto;padding-bottom:.4rem}.cat-btn{white-space:nowrap}.hero-box-row,.search{flex-direction:column}.mentor-grid{margin-top:1rem;gap:4rem}.cta-band{padding:2rem}.cta-art{font-size:4rem}.logo-text small{display:none}}
