/* Shared material and motion language, applied to the portal and every chapter. */
.liquid-experience{background-color:#f5f8f8;background-image:radial-gradient(ellipse at 80% 0%,#8ddac011,transparent 48%),radial-gradient(ellipse at 0% 80%,#87bcd410,transparent 45%);background-attachment:fixed}
.liquid-experience button,.liquid-experience .ref-btn,.liquid-experience summary{transition:background .22s,border-color .22s,box-shadow .22s,transform .22s;-webkit-tap-highlight-color:transparent}
.liquid-experience button:active,.liquid-experience .ref-btn:active{transform:translateY(1px) scale(.985)}
.liquid-tap{position:relative;overflow:hidden;isolation:isolate}.liquid-ripple{position:absolute;pointer-events:none;border:1px solid #79ddc678;border-radius:50%;background:radial-gradient(circle,transparent 32%,#a1eed21f 54%,#5ac4b740 62%,transparent 72%);transform:scale(.03);opacity:0;animation:water-ripple .72s cubic-bezier(.2,.65,.3,1);z-index:2}
@keyframes water-ripple{0%{transform:scale(.03);opacity:.7}55%{opacity:.45}100%{transform:scale(1);opacity:0}}
.chapter-transition-track{position:absolute;left:0;bottom:0;width:100%;height:2px;opacity:0;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#84d9c200,#73d4bd,#83bdcf00);pointer-events:none}
.liquid-experience .lesson.motion-chapter.active{animation:none}
.liquid-experience .card,.liquid-experience .metric,.liquid-experience .login-card,.liquid-experience .step,.liquid-experience .prompt,.liquid-experience .guide-figure,.liquid-experience .quiz-item{background-color:#ffffffeb;border:1px solid #deeaec;border-radius:20px;box-shadow:inset 0 1px 0 #fff,0 8px 30px #234e4f04;transition:border-color .28s,box-shadow .28s,transform .28s;background-image:radial-gradient(180px circle at var(--water-x,-200px) var(--water-y,-200px),#9ce2cd12,transparent 85%)}
.liquid-experience .card:hover,.liquid-experience .metric:hover,.liquid-experience .step:hover,.liquid-experience .guide-figure:hover{border-color:#bcd8d4;box-shadow:inset 0 1px 0 #fff,0 14px 38px #234e4f09;transform:translateY(-2px)}
.liquid-experience .code,.liquid-experience .prompt pre{background:#102a35;color:#d5e7e5;border:1px solid #284752;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff08}
.liquid-experience .answer,.liquid-experience .trust-panel{background:#ffffffdf;border-radius:17px;border-color:#dfebec;box-shadow:inset 0 1px 0 #fff}.liquid-experience .answer summary{font-weight:600;padding-top:15px;padding-bottom:15px}.liquid-experience .answer[open]{border-color:#adcfc7;background:#fff}
.liquid-experience .hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 88% 12%,#73d7be1c,transparent 48%),linear-gradient(135deg,#122f3c,#214951);border:1px solid #658e8a25}.liquid-experience .hero:before{content:'';position:absolute;width:230px;height:230px;right:-90px;bottom:-125px;pointer-events:none;border-radius:43% 57% 61% 39%;border:1px solid #a4e9d92b;background:radial-gradient(circle at 30% 25%,#bfe9df12,transparent 68%);animation:liquid-float 19s ease-in-out infinite}
.liquid-experience .hero h1{font-weight:650}.liquid-experience .timeline>div{border-radius:16px;border-color:#e0e9ec;transition:background .25s,border-color .25s}.liquid-experience .timeline>div:hover{background:#f7fbfa;border-color:#bdd7d1}.liquid-experience .task{border-radius:12px;transition:background .25s}.liquid-experience .task:hover{background:#e7f3ef66}.liquid-experience .table-wrap{border-radius:16px;border-color:#e1e9ed;overflow:auto}.liquid-experience th{background:#edf5f3;color:#2c575b}.liquid-experience td{border-color:#e6edef}.liquid-experience tbody tr{transition:background .2s}.liquid-experience tbody tr:hover{background:#f0f7f5}.liquid-experience .links a{border-color:#d7e7e3;border-radius:12px;transition:background .25s,transform .25s,box-shadow .25s}.liquid-experience .links a:hover{background:#f0f8f5;transform:translateY(-2px);box-shadow:0 5px 18px #24595208}.liquid-experience .note{background:#edf5f6;border-radius:0 15px 15px 0;border-left-color:#74aeb2}.liquid-experience .note.success{background:#edf6f1;border-left-color:#68aa95}.liquid-experience .note.warning{background:#fbf6eb;border-left-color:#ccae72}
.liquid-experience .topbar,.liquid-experience>header{background:#f8fbfbe6;backdrop-filter:blur(22px);border-color:#dce8e8}.liquid-experience .side{box-shadow:8px 0 40px #12303a05}.liquid-experience .nav-item.active{background:linear-gradient(110deg,#8acabc1c,#89b5c20a);box-shadow:inset 2px 0 #83dfc4}.liquid-experience .nav-item:hover{background:#a1cfca0c}.liquid-experience .primary{background:linear-gradient(115deg,#1e796c,#286e71);color:#fff;box-shadow:0 5px 16px #1e796c12}.liquid-experience .primary:hover{box-shadow:0 7px 22px #1e796c25}.liquid-experience .referral-hero{background:radial-gradient(ellipse at 95% 0%,#9cd9c525,transparent 50%),linear-gradient(140deg,#edf7f2,#f6faf9);border:1px solid #cfe2da;border-radius:24px}.liquid-experience .metric b,.liquid-experience .opp-money{font-weight:500;letter-spacing:-1px}.liquid-experience .metric{padding:23px}.liquid-experience .guide-figure img{border-radius:12px}.liquid-experience .workspace-head h1{font-weight:650}.liquid-experience .login-card{border-radius:25px;box-shadow:inset 0 1px 0 #fff,0 22px 70px #234e4f0a}.liquid-experience input,.liquid-experience select{background:#f8fbfa;border-color:#d4e3dd;transition:border-color .2s,box-shadow .2s}.liquid-experience input:focus{border-color:#72b9a3;box-shadow:0 0 0 4px #97d2bb12}.liquid-experience .student{transition:background .2s}.liquid-experience .student:hover{background:#f4faf7}.liquid-experience .password-panel,.liquid-experience .notice{border-radius:22px;border-color:#dfe9e5;box-shadow:0 10px 30px #234e4f05}
#landing>.hero{background:transparent;border:0;overflow:visible}#landing>.hero:before{display:none}#landing .intro{position:relative;isolation:isolate}#landing .intro:before{content:'';position:absolute;z-index:-1;left:-80px;top:20px;width:260px;height:260px;border-radius:46% 54% 62% 38%;background:radial-gradient(circle at 35% 30%,#b2ded022,transparent 70%);border:1px solid #a6ccbf18;pointer-events:none;animation:liquid-float 19s ease-in-out infinite}
.liquid-experience .nav-tools input{background:#ffffff08;border-color:#48606b;color:#d5e8ed}.liquid-experience .nav-tools input:focus{border-color:#77b7a7;box-shadow:0 0 0 3px #77b7a712}.liquid-experience .nav-tools input::placeholder{color:#91a9b3}
@keyframes liquid-float{50%{transform:translate(-18px,-12px) rotate(15deg);border-radius:61% 39% 43% 57%}}
@media(max-width:800px){.liquid-experience .card,.liquid-experience .step,.liquid-experience .prompt{border-radius:17px}.liquid-experience .metric{padding:15px}.liquid-experience .hero:before{width:150px;height:150px}.liquid-experience .card:hover,.liquid-experience .metric:hover,.liquid-experience .step:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.liquid-experience *, .liquid-experience *:before,.liquid-experience *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.liquid-ripple,.chapter-transition-track{display:none!important}}
@media print{.liquid-ripple,.chapter-transition-track{display:none!important}.liquid-experience{background:white!important}.liquid-experience .card,.liquid-experience .metric{box-shadow:none}}