.customer-shell{min-height:100vh;background:#f4f6fb}.customer-sidebar{position:fixed;inset:0 auto 0 0;width:270px;padding:1.4rem;background:linear-gradient(180deg,#0b1630,#13264e);z-index:1030;overflow:auto}.customer-sidebar .brand-logo{height:50px;margin:0 0 1.5rem}.customer-sidebar nav{display:grid;gap:.25rem}.customer-sidebar nav a{display:flex;align-items:center;gap:.8rem;padding:.78rem .9rem;border-radius:12px;color:#bdc8df;text-decoration:none;font-weight:650}.customer-sidebar nav a:hover,.customer-sidebar nav a.active{color:#fff;background:rgba(255,255,255,.09)}.customer-sidebar nav a.active i{color:var(--lime)}.customer-main{margin-left:270px;padding:2rem;min-width:0}.customer-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.access-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:99px;background:#e8fbc9;color:#31592c;font-size:.78rem;font-weight:850}.customer-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--coral),#ff9b73);color:#fff;font-weight:900}.welcome-card{position:relative;padding:clamp(1.5rem,4vw,3rem);border-radius:28px;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 25%,rgba(201,242,123,.22),transparent 25%),linear-gradient(125deg,#101c3a,#263f78)}.welcome-card:after{content:"";position:absolute;width:250px;height:250px;right:-60px;bottom:-120px;border:40px solid rgba(255,255,255,.06);border-radius:50%}.welcome-card>*{position:relative;z-index:1}.welcome-card h1{max-width:750px;font-size:clamp(2rem,4vw,3.7rem);font-weight:900;letter-spacing:-.045em}.customer-stat{height:100%;padding:1.25rem;border:1px solid #e5e8f0;border-radius:18px;background:#fff}.customer-stat .stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f0f4ff;color:#3857a2}.customer-stat strong{font-size:2rem}.content-card{border:1px solid #e5e8f0;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(16,28,58,.05)}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.quick-link{display:flex;align-items:center;gap:.7rem;padding:1rem;border:1px solid #e7eaf1;border-radius:15px;color:var(--ink);text-decoration:none;font-weight:750}.quick-link:hover{border-color:#bac7e6;background:#f7f9ff}.customer-mobile{display:none}.library-toolbar{position:sticky;top:76px;z-index:20;padding:1rem;border:1px solid #e5e8f0;border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.library-card{height:100%;overflow:hidden;border:1px solid #e5e8f0;border-radius:21px;background:#fff;transition:.25s}.library-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,28,58,.1)}.library-cover{height:180px;position:relative;display:flex;align-items:flex-end;padding:1.2rem}.library-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.library-cover .cover-overlay{position:absolute;inset:0;background:linear-gradient(transparent,rgba(8,17,37,.72))}.library-cover .cover-title{position:relative;z-index:1;color:#fff}.new-badge{position:absolute;z-index:2;top:12px;right:12px;padding:.35rem .6rem;border-radius:8px;background:var(--lime);color:var(--ink);font-size:.68rem;font-weight:900}.catalog-hero{padding:8.5rem 0 4rem;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(255,107,94,.25),transparent 25%),linear-gradient(135deg,#0b1630,#1e3970)}.access-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:16px;color:#fff;background:#101c3a}.product-gallery{position:sticky;top:100px}.product-main-cover{min-height:500px;border-radius:28px;overflow:hidden}.include-box{padding:1.2rem;border:1px solid #d7edb4;border-radius:18px;background:#f4ffe2}.course-premium-card{overflow:hidden;border:1px solid #e3e7ef;border-radius:24px;background:#fff;transition:.25s}.course-premium-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(16,28,58,.1)}.course-cover{height:250px;padding:1.7rem;display:flex;align-items:flex-end}.payment-welcome{min-height:100vh;display:grid;place-items:center;padding:7rem 1rem;background:radial-gradient(circle at 50% 0,rgba(201,242,123,.24),transparent 30%),#f4f6fb}.payment-welcome-card{max-width:760px;padding:clamp(2rem,5vw,4rem);text-align:center;border-radius:30px;background:#fff;box-shadow:0 30px 80px rgba(16,28,58,.13)}.success-orbit{width:110px;height:110px;display:grid;place-items:center;margin:auto;border-radius:50%;color:#356d42;background:#e9fad3;font-size:3rem;box-shadow:0 0 0 15px #f4fbe9}
@media(max-width:991px){.customer-sidebar{display:none}.customer-main{margin:0;padding:1rem;padding-bottom:6rem}.customer-mobile{position:fixed;left:10px;right:10px;bottom:10px;z-index:1040;display:flex;justify-content:space-around;padding:.55rem;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(11,22,48,.95);backdrop-filter:blur(14px)}.customer-mobile a{display:grid;justify-items:center;color:#c6d0e3;text-decoration:none;font-size:.68rem}.customer-mobile i{font-size:1.2rem}.customer-topbar{margin-bottom:1rem}.library-toolbar{top:66px}.product-gallery{position:static}}
@media(max-width:575px){.customer-main{padding:.75rem;padding-bottom:6rem}.welcome-card{border-radius:22px}.quick-grid{grid-template-columns:1fr}.access-banner{align-items:flex-start;flex-direction:column}.product-main-cover{min-height:340px}.course-cover{height:210px}}
.onboarding-wrap{min-height:100vh;padding:9rem 0 5rem;background:radial-gradient(circle at 10% 10%,rgba(201,242,123,.25),transparent 24%),#f4f6fb}.onboarding-card{max-width:1050px;margin:auto;padding:clamp(1.5rem,4vw,3.5rem);border:1px solid #e2e6ee;border-radius:30px;background:#fff;box-shadow:0 30px 80px rgba(16,28,58,.09)}.interest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.interest-choice input{position:absolute;opacity:0}.interest-choice span{display:flex;min-height:140px;flex-direction:column;gap:.45rem;padding:1.2rem;border:2px solid #e7eaf1;border-radius:18px;cursor:pointer;transition:.2s}.interest-choice i{font-size:1.7rem;color:#ff6b5e}.interest-choice small{color:#778198}.interest-choice input:checked+span{border-color:#182b55;background:#f1f5ff;box-shadow:0 8px 20px rgba(16,28,58,.08)}.recommend-hero,.recommend-course,.support-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem}.preference-chip{padding:.55rem .85rem;border-radius:99px;background:#eaf6d3;color:#294725;font-weight:750}.recommend-course,.support-cta{padding:2rem;border:1px solid #e1e6ef;border-radius:24px;background:linear-gradient(135deg,#fff,#f3f7ff)}.news-hero{padding:10rem 0 5rem;color:#fff;background:radial-gradient(circle at 15% 25%,rgba(201,242,123,.2),transparent 23%),radial-gradient(circle at 85% 30%,rgba(255,107,94,.25),transparent 25%),linear-gradient(135deg,#0b1630,#243e76)}.news-hero p{color:#cfdaee}.news-card{overflow:hidden;border:1px solid #e2e6ef;border-radius:24px;background:#fff;box-shadow:0 14px 35px rgba(16,28,58,.06)}.news-art{height:210px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#182b55,#ff6b5e)}.news-art i{font-size:4rem}.news-image{width:100%;height:210px;object-fit:cover}.news-body{font-size:.92rem;color:#505b70}.faq-premium .accordion-item{overflow:hidden;margin-bottom:.8rem;border:1px solid #e1e6ef;border-radius:16px}.faq-premium .accordion-button{padding:1.25rem;font-weight:800}.content-admin-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #e7eaf1}
@media(max-width:991px){.interest-grid{grid-template-columns:repeat(2,1fr)}.recommend-hero,.recommend-course,.support-cta{align-items:flex-start;flex-direction:column}}@media(max-width:575px){.interest-grid{grid-template-columns:1fr}.interest-choice span{min-height:auto}}
.external-link-box{padding:1.2rem;border:1px solid #dce4f3;border-radius:18px;background:linear-gradient(135deg,#f5f8ff,#fff)}.external-link-box>div>i{color:#765ee8}
.external-video-card{padding:clamp(2rem,5vw,4rem);margin-bottom:1.5rem;text-align:center;border-radius:22px;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(255,107,94,.3),transparent 25%),linear-gradient(135deg,#0b1630,#243e76)}.external-video-card>i{font-size:3.5rem;color:var(--lime)}.external-video-card p{color:#c4cee1}