.locked-course{opacity:.58}.floating-wa{position:fixed;right:18px;bottom:20px;z-index:45;border:0;border-radius:30px;background:#13a873;color:#fff;padding:12px 17px;font-weight:850;box-shadow:0 12px 30px #08704d45;cursor:pointer}#mediaAdminList{display:grid;gap:8px;margin:10px 0}.media-item{display:flex;align-items:center;gap:10px;background:#f0f4f8;border-radius:12px;padding:10px}.media-item img,.media-item video{width:70px;height:48px;object-fit:cover;border-radius:8px}.media-item span{flex:1;font-size:13px}.media-item button{border:0;background:#fee;color:#b33;border-radius:8px;padding:7px}
@media(max-width:720px){.floating-wa{right:12px;bottom:72px;font-size:12px;padding:10px 13px}}

/* SOCA Neo-Brutalism Premium — cool pastel edition */
:root{--neo-ink:#16243b;--neo-blue:#a9d7ff;--neo-blue-strong:#4e91df;--neo-pink:#ffc5dc;--neo-pink-strong:#ec76a4;--neo-gold:#f7d88a;--neo-cream:#fffdf8;--neo-shadow:5px 5px 0 var(--neo-ink)}
html{scroll-behavior:smooth}body{background-color:#f4f8fc;background-image:radial-gradient(circle at 12% 8%,rgba(169,215,255,.5),transparent 25%),radial-gradient(circle at 88% 16%,rgba(255,197,220,.38),transparent 24%),radial-gradient(circle at 55% 95%,rgba(247,216,138,.28),transparent 28%);background-attachment:fixed;color:var(--neo-ink)}
.top{background:rgba(255,255,255,.9);border-bottom:2px solid var(--neo-ink);box-shadow:0 4px 0 rgba(22,36,59,.1);backdrop-filter:blur(14px)}.brand .logo{border:2px solid var(--neo-ink);box-shadow:3px 3px 0 var(--neo-gold);transform:rotate(-4deg)}.desktop-nav{padding:5px;border:2px solid var(--neo-ink);border-radius:14px;background:#fff}.desktop-nav button{border-radius:9px}.desktop-nav button:hover{background:var(--neo-blue);color:var(--neo-ink);transform:translateY(-2px)}.profile{border:2px solid var(--neo-ink)!important;box-shadow:3px 3px 0 var(--neo-pink)!important}
.hero{position:relative;overflow:hidden}.hero:before{content:'SOCA ✦ ACADEMY ✦';position:absolute;right:-20px;top:28px;padding:8px 22px;background:var(--neo-pink);border:2px solid var(--neo-ink);font-weight:900;letter-spacing:.08em;transform:rotate(5deg);box-shadow:4px 4px 0 var(--neo-ink);opacity:.9}.hero h1,.studio-head h1,.academy-head h1{letter-spacing:-.045em;text-wrap:balance}.eyebrow{display:inline-flex;padding:7px 11px;background:var(--neo-gold);border:2px solid var(--neo-ink);border-radius:8px;color:var(--neo-ink);box-shadow:3px 3px 0 var(--neo-ink);font-weight:900}.phone{border:3px solid var(--neo-ink);box-shadow:10px 10px 0 var(--neo-blue-strong);transform:rotate(1.5deg)}.wallet{border:2px solid var(--neo-ink);box-shadow:4px 4px 0 var(--neo-gold)}
.btn,button,.target,.quick button,.tool-grid button{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn{border:2px solid var(--neo-ink)!important;box-shadow:4px 4px 0 var(--neo-ink)!important;font-weight:900}.btn:hover,.quick button:hover,.tool-grid button:hover,.target:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--neo-ink)!important}.btn:active,.quick button:active,.tool-grid button:active,.target:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--neo-ink)!important}.btn.gold{background:var(--neo-gold);color:var(--neo-ink)}.btn.blue{background:var(--neo-blue);color:var(--neo-ink)}.btn.green{background:#b9efd9;color:var(--neo-ink)}.btn.dark{background:var(--neo-ink)}
.three article,.features article,.quote,.auth-card,.member-summary article,.progress-card,.quick button,.course,.tool-grid button,.builder,.preview,.package,.upgrade-form,.admin-stats article,.admin-panel,.content-card,.lead-row,.module-group-title{border:2px solid var(--neo-ink)!important;box-shadow:var(--neo-shadow)!important;border-radius:16px!important;background:#fff}.three article:nth-child(3n+1),.member-summary article:nth-child(3n+1),.course:nth-of-type(3n+1){background:#eef8ff}.three article:nth-child(3n+2),.member-summary article:nth-child(3n+2),.course:nth-of-type(3n+2){background:#fff2f7}.three article:nth-child(3n),.member-summary article:nth-child(3n),.course:nth-of-type(3n){background:#fff9e9}.three article b{display:inline-grid;place-items:center;width:38px;height:38px;border:2px solid var(--neo-ink);border-radius:10px;background:var(--neo-gold);box-shadow:3px 3px 0 var(--neo-ink)}
.member-summary article{overflow:hidden;position:relative}.member-summary article:after{content:'';position:absolute;width:55px;height:55px;right:-18px;top:-18px;border:2px solid var(--neo-ink);border-radius:50%;background:var(--neo-pink)}.progress-card{background:linear-gradient(120deg,#fff 55%,var(--neo-blue))}.ring{border:2px solid var(--neo-ink);box-shadow:4px 4px 0 var(--neo-ink)}.quick button:nth-child(2){background:#fff2f7}.quick button:nth-child(3){background:#fff9e9}
.thumb{border-bottom:2px solid var(--neo-ink);filter:saturate(.8)}.course:hover{transform:translate(-2px,-3px);box-shadow:8px 8px 0 var(--neo-ink)!important}.type{border:2px solid var(--neo-ink);box-shadow:2px 2px 0 var(--neo-ink)}.module-group-title{background:linear-gradient(110deg,var(--neo-blue),#fff 47%,var(--neo-pink));border-left:2px solid var(--neo-ink)!important}.tool-grid button i{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--neo-ink);border-radius:12px;background:var(--neo-gold);box-shadow:3px 3px 0 var(--neo-ink)}
.target{border:2px solid var(--neo-ink)!important;background:#fff;box-shadow:3px 3px 0 var(--neo-ink)}.target.on{background:var(--neo-pink);color:var(--neo-ink);box-shadow:5px 5px 0 var(--neo-ink)}.preview-hero{background:linear-gradient(135deg,var(--neo-ink),#25456e)}.preview-benefits>div{border:2px solid var(--neo-ink);border-radius:12px;background:#fff;box-shadow:3px 3px 0 var(--neo-gold)}
.modal{backdrop-filter:blur(7px)}.sheet{border:3px solid var(--neo-ink);box-shadow:10px 10px 0 var(--neo-pink);border-radius:20px}.toast{border:2px solid var(--neo-ink);background:var(--neo-gold);color:var(--neo-ink);box-shadow:4px 4px 0 var(--neo-ink);font-weight:850}.bottom{border-top:2px solid var(--neo-ink);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.bottom button:hover{color:#397ec9}.floating-wa{border:2px solid var(--neo-ink)!important;box-shadow:4px 4px 0 var(--neo-ink)!important}
.neo-ripple{position:fixed;z-index:9999;width:12px;height:12px;border:2px solid var(--neo-ink);border-radius:50%;background:var(--neo-pink);pointer-events:none;animation:neoPop .55s ease-out forwards}@keyframes neoPop{to{transform:scale(8);opacity:0}}.neo-ready .view.active>*{animation:neoRise .45s cubic-bezier(.2,.8,.2,1) both}.neo-ready .view.active>*:nth-child(2){animation-delay:.05s}.neo-ready .view.active>*:nth-child(3){animation-delay:.1s}@keyframes neoRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
*:focus-visible{outline:3px solid var(--neo-pink-strong)!important;outline-offset:3px}::selection{background:var(--neo-pink);color:var(--neo-ink)}
@media(max-width:700px){:root{--neo-shadow:4px 4px 0 var(--neo-ink)}body{background-attachment:scroll}.hero:before{content:'GEN Z LEARNING ✦';top:12px;right:-42px;font-size:10px}.hero{padding-top:64px}.phone{transform:none;box-shadow:6px 6px 0 var(--neo-blue-strong)}.desktop-nav{border:0;box-shadow:none}.course:hover{transform:none}.sheet{box-shadow:5px 5px 0 var(--neo-pink)}.bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Premium Soft Neumorphism — pastel blue, pink & gold */
:root{--soft-bg:#edf3f9;--soft-surface:#f3f7fb;--soft-white:#fbfdff;--soft-ink:#26364d;--soft-muted:#718097;--soft-blue:#a9d8ff;--soft-pink:#ffd2e2;--soft-gold:#f6df9e;--soft-hi:rgba(255,255,255,.92);--soft-lo:rgba(150,170,194,.38);--soft-raised:10px 10px 24px var(--soft-lo),-10px -10px 24px var(--soft-hi);--soft-small:5px 5px 12px rgba(150,170,194,.3),-5px -5px 12px rgba(255,255,255,.9);--soft-inset:inset 5px 5px 11px rgba(150,170,194,.28),inset -5px -5px 11px rgba(255,255,255,.9)}
body{background:var(--soft-bg);background-image:radial-gradient(circle at 8% 4%,rgba(169,216,255,.28),transparent 26%),radial-gradient(circle at 94% 12%,rgba(255,210,226,.24),transparent 25%),radial-gradient(circle at 58% 96%,rgba(246,223,158,.2),transparent 28%);color:var(--soft-ink)}
.top{background:rgba(237,243,249,.88);border:0;box-shadow:0 8px 28px rgba(71,91,117,.12);backdrop-filter:blur(18px)}.brand .logo{border:0;box-shadow:var(--soft-small);transform:none;background:linear-gradient(145deg,#bde3ff,#7fbdf0)}.desktop-nav{padding:6px;border:0;border-radius:16px;background:var(--soft-bg);box-shadow:var(--soft-inset)}.desktop-nav button:hover{background:var(--soft-white);box-shadow:var(--soft-small);transform:translateY(-1px)}.profile{border:0!important;box-shadow:var(--soft-small)!important;background:linear-gradient(145deg,var(--soft-white),#dfe8f1)!important}
.hero:before{display:none}.eyebrow{padding:8px 13px;border:0;border-radius:999px;background:linear-gradient(145deg,#fff0f6,var(--soft-pink));box-shadow:var(--soft-small);color:#74455c}.phone{border:0;box-shadow:16px 18px 38px rgba(102,126,155,.3),-12px -12px 30px rgba(255,255,255,.84);transform:none;background:linear-gradient(145deg,#f9fcff,#dce8f3)}.wallet{border:0;box-shadow:var(--soft-inset);background:linear-gradient(135deg,#4d91d7,#326fb7)}
.btn{border:0!important;box-shadow:var(--soft-small)!important}.btn:hover,.quick button:hover,.tool-grid button:hover,.target:hover{transform:translateY(-2px);box-shadow:8px 9px 18px rgba(143,163,187,.35),-7px -7px 17px rgba(255,255,255,.9)!important}.btn:active,.quick button:active,.tool-grid button:active,.target:active{transform:translateY(1px);box-shadow:var(--soft-inset)!important}.btn.gold{background:linear-gradient(145deg,#ffedb9,#eccd79)}.btn.blue{background:linear-gradient(145deg,#bce3ff,#7ebceb)}.btn.green{background:linear-gradient(145deg,#d2f7e8,#9bdcbc)}
.three article,.features article,.quote,.auth-card,.member-summary article,.progress-card,.quick button,.course,.tool-grid button,.builder,.preview,.package,.upgrade-form,.admin-stats article,.admin-panel,.content-card,.lead-row,.module-group-title{border:0!important;border-radius:22px!important;box-shadow:var(--soft-raised)!important;background:rgba(243,247,251,.88)}.three article:nth-child(n),.member-summary article:nth-child(n),.course:nth-of-type(n){background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(227,235,244,.9))}.three article b{border:0;border-radius:12px;background:linear-gradient(145deg,#ffedb4,#ecd17f);box-shadow:var(--soft-small)}
.member-summary article:after{border:0;background:linear-gradient(145deg,var(--soft-pink),#f3adc8);box-shadow:var(--soft-small);opacity:.72}.progress-card{background:linear-gradient(135deg,#f9fcff 45%,#d9efff)}.ring{border:0;box-shadow:var(--soft-inset)}.quick button:nth-child(2){background:linear-gradient(145deg,#fff8fb,#f8dbe7)}.quick button:nth-child(3){background:linear-gradient(145deg,#fffdf5,#f4e5bd)}
.course{overflow:hidden}.course:hover{transform:translateY(-4px);box-shadow:15px 17px 32px rgba(137,159,184,.36),-10px -10px 24px rgba(255,255,255,.9)!important}.thumb{border:0}.type{border:0;box-shadow:var(--soft-small)}.module-group-title{background:linear-gradient(120deg,rgba(191,226,255,.78),rgba(249,252,255,.94) 50%,rgba(255,217,231,.72));border:0!important}.tool-grid button i{border:0;border-radius:14px;background:linear-gradient(145deg,#ffedb7,#efd27f);box-shadow:var(--soft-small)}
.target{border:0!important;background:var(--soft-bg);box-shadow:var(--soft-small)}.target.on{background:linear-gradient(145deg,#ffeaf2,#f6bfd3);color:var(--soft-ink);box-shadow:var(--soft-inset)}.preview-hero{background:linear-gradient(145deg,#314b70,#1f3657)}.preview-benefits>div{border:0;border-radius:15px;background:var(--soft-surface);box-shadow:var(--soft-small)}
input,textarea,select,.search,.link{border:0!important;background:var(--soft-bg)!important;box-shadow:var(--soft-inset)!important;border-radius:14px!important}.sheet{border:0;box-shadow:18px 20px 50px rgba(73,91,116,.32),-12px -12px 30px rgba(255,255,255,.65);border-radius:26px;background:var(--soft-bg)}.toast{border:0;background:linear-gradient(145deg,#fff0bd,#efd98e);color:var(--soft-ink);box-shadow:var(--soft-raised);font-weight:800}.bottom{border:0;background:rgba(237,243,249,.93);box-shadow:0 -8px 28px rgba(83,104,130,.12);backdrop-filter:blur(16px)}.floating-wa{border:0!important;box-shadow:var(--soft-raised)!important}.neo-ripple{border:0;background:rgba(255,174,207,.55);box-shadow:0 0 14px rgba(238,119,168,.42)}
*:focus-visible{outline:3px solid rgba(105,164,224,.7)!important;outline-offset:3px}::selection{background:var(--soft-pink);color:var(--soft-ink)}
@media(max-width:700px){.phone{box-shadow:10px 12px 26px rgba(102,126,155,.26),-8px -8px 20px rgba(255,255,255,.8)}.sheet{box-shadow:0 -12px 35px rgba(70,88,111,.22)}.course:hover{transform:none}.hero{padding-top:48px}}

/* Contrast fix + Cara Kerja SOCA */
.progress-card,.progress-card small,.progress-card strong,.progress-card p,.progress-card span{color:#26364d!important}.progress-card>div:first-child>small{color:#526984!important;font-weight:900;letter-spacing:.08em}.progress-card>div:first-child>strong{color:#225985!important;text-shadow:none}.progress-card>div:first-child p{color:#64758b!important;font-weight:650}.ring span{color:#fff!important;background:#285b83;border-radius:50%;width:72%;height:72%;display:grid;place-items:center;font-weight:900}
.soca-flow{margin-top:34px;padding:34px;background:rgba(239,245,251,.92);border-radius:28px;box-shadow:var(--soft-raised)}.flow-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.flow-title h2{margin:16px 0 0}.flow-title p{max-width:350px;margin:0;color:#64758b}.flow-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:28px}.flow-steps>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#4b82b6;background:#eef6fd;box-shadow:var(--soft-small);font-weight:900}.flow-steps article{min-height:150px;padding:24px;text-align:center;border-radius:20px;background:linear-gradient(145deg,#f9fcff,#dfe8f2);box-shadow:var(--soft-raised)}.flow-steps i{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 15px;border-radius:16px;background:#f6f9fd;box-shadow:var(--soft-small);font-style:normal;font-size:25px}.flow-steps b,.flow-steps small{display:block}.flow-steps small{margin-top:8px;color:#718097}.flow-choice{width:max-content;margin:25px auto 18px;padding:8px 18px;border-radius:999px;background:#edf3f9;box-shadow:var(--soft-small);color:#728198;font-size:12px;font-weight:900;letter-spacing:.12em}.flow-results{display:grid;grid-template-columns:1fr 1fr;gap:18px}.flow-results article{display:flex;gap:18px;padding:22px;border-radius:22px;background:linear-gradient(145deg,#f9fcff,#dfe8f2);box-shadow:var(--soft-raised)}.flow-results article>i{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:16px;background:#eff7fc;box-shadow:var(--soft-small);font-style:normal;font-size:24px}.flow-results article div{display:flex;flex:1;flex-direction:column}.flow-results small{margin:6px 0 14px;color:#718097}.flow-results strong{margin-top:auto;padding:10px 14px;border-radius:13px;background:#e4f7ee;color:#398a68;text-align:center}.flow-results article:last-child strong{background:#e8f1ff;color:#4d75bb}
.replica-flow{margin:18px;padding:18px;border-radius:20px;background:#edf3f9;box-shadow:var(--soft-inset);text-align:center}.replica-flow>span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#52799e}.replica-flow>div{display:flex;align-items:center;justify-content:center;gap:9px;margin:14px 0}.replica-flow b{padding:8px 10px;border-radius:11px;background:#f7fafe;box-shadow:var(--soft-small);font-size:12px}.replica-flow em{color:#7b96af;font-style:normal}.replica-flow section{display:grid;grid-template-columns:1fr 1fr;gap:10px}.replica-flow section small{padding:12px 8px;border-radius:13px;background:#f7fafe;box-shadow:var(--soft-small);line-height:1.6}.replica-flow section strong{color:#317d62}
@media(max-width:700px){.soca-flow{margin:24px 14px;padding:22px 16px}.flow-title{display:block}.flow-title p{margin-top:12px}.flow-steps{grid-template-columns:1fr}.flow-steps>span{transform:rotate(90deg);margin:auto}.flow-steps article{min-height:auto}.flow-results{grid-template-columns:1fr}.replica-flow>div{gap:5px}.replica-flow b{padding:7px 6px;font-size:10px}.replica-flow section{grid-template-columns:1fr}}

/* Three-level curriculum */
.curriculum{padding-top:56px;padding-bottom:56px}.curriculum-head{max-width:760px;margin:0 auto 32px;text-align:center}.curriculum-head h2{margin:20px 0 10px}.curriculum-head p{color:#68798f}.curriculum-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:22px}.curriculum-level{padding:22px;border-radius:26px;background:linear-gradient(145deg,#f8fbfe,#e1eaf3);box-shadow:var(--soft-raised)}.curriculum-level.menengah{background:linear-gradient(145deg,#fff9fc,#f0dfe8)}.curriculum-level.pro{background:linear-gradient(145deg,#fffdf6,#efe5c9)}.level-head{display:flex;align-items:center;gap:14px;padding-bottom:18px}.level-head i{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:16px;background:#f5f9fd;box-shadow:var(--soft-small);font-style:normal;font-size:23px}.level-head small{color:#5d82a7;font-weight:900;letter-spacing:.12em}.level-head h3{margin:4px 0 0;font-size:18px}.level-list{display:grid;gap:12px}.level-list>div{display:flex;gap:12px;padding:14px;border-radius:16px;background:rgba(247,250,253,.72);box-shadow:var(--soft-inset)}.level-list>div>b{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#d8edff;color:#356d9e}.menengah .level-list>div>b{background:#fbdce8;color:#a24d70}.pro .level-list>div>b{background:#f7e8b9;color:#86671f}.level-list span,.level-list strong,.level-list small{display:block}.level-list strong{color:#293a50;font-size:14px;line-height:1.35}.level-list small{margin-top:6px;color:#6f7f93;line-height:1.5}.media-note{display:flex;align-items:center;gap:15px;max-width:720px;margin:28px auto 0;padding:18px 22px;border-radius:18px;background:#edf3f9;box-shadow:var(--soft-inset)}.media-note>span{font-size:26px}.media-note b,.media-note small{display:block}.media-note small{margin-top:4px;color:#718097}
@media(max-width:980px){.curriculum-grid{grid-template-columns:1fr}.curriculum-level{max-width:720px;width:100%;margin:auto}}@media(max-width:700px){.curriculum{padding:38px 14px}.curriculum-level{padding:17px}.level-list>div{padding:12px}.level-list strong{font-size:14px}.media-note{align-items:flex-start}}