/* Playful student perspective */
.student-section{position:relative;background:linear-gradient(145deg,#251f32 0%,#30253f 56%,#222132 100%);overflow:hidden}
.student-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#7e5bac2b;filter:blur(4px);right:-210px;top:-250px}
.student-confetti{position:absolute;color:#d9c4f5;opacity:.45;font-size:2.2rem}.confetti-one{left:4%;top:12%;transform:rotate(14deg)}.confetti-two{right:3%;bottom:11%;transform:rotate(-18deg)}
.student-grid{position:relative;grid-template-columns:.72fr 1.28fr;gap:70px;padding-block:124px 132px}.student-copy .kicker{color:#d4b9f6}.student-copy h2 em{color:#d0b2f3}.student-copy p{color:#ddd6e4;max-width:455px;margin-bottom:25px}
.student-benefits{list-style:none;padding:0;margin:0 0 31px;display:grid;gap:12px}.student-benefits li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:#eee9f2}.student-benefits li span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#cbb0ed;color:#38294b;font-size:.7rem;font-weight:700}
.student-device{position:relative;color:#29232f;background:#fff;border:6px solid #fff;border-radius:25px;box-shadow:0 35px 85px #110c186e,0 0 0 1px #ffffff20;transform:rotate(1deg);overflow:hidden}.student-appbar{height:62px;padding:0 20px;display:flex;align-items:center;gap:20px;background:#fff;border-bottom:1px solid #f0e9f5}.student-logo{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700}.student-app-links{display:flex;align-items:center;gap:18px;margin:auto;font-size:.59rem;color:#8c8192}.student-app-links b{color:#704c9e;background:#f1e9f9;padding:8px 11px;border-radius:999px}.student-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#ffda93;color:#68471f;font-size:.68rem;font-weight:700}
.student-dashboard{position:relative;padding:25px;background:#faf7ff}.student-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.student-welcome h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:2rem;line-height:1.05;letter-spacing:-.035em;margin:8px 0 19px}.streak-pill{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:5px;background:#fff2d6;border:1px solid #f7d69b;border-radius:13px;padding:9px 13px;color:#745128;box-shadow:0 6px 16px #62471c0d}.streak-pill span{grid-row:1/3;font-size:1.2rem}.streak-pill strong{font-size:.7rem}.streak-pill small{font-size:.54rem}
.quest-card{background:linear-gradient(105deg,#7653a0,#9f79ce);color:#fff;border-radius:15px;padding:18px 19px;box-shadow:0 12px 24px #65418c2f}.quest-top{display:flex;align-items:center;gap:11px}.quest-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ffffff20;font-size:1.1rem}.quest-top div{display:flex;flex-direction:column;gap:3px;flex:1}.quest-top div span{font-size:.52rem;letter-spacing:.12em;color:#eadff6;font-weight:700}.quest-top div strong{font-size:.72rem}.quest-top>b{font-size:.68rem;background:#ffffff1f;padding:6px 8px;border-radius:8px}.quest-track{height:8px;border-radius:99px;background:#ffffff2b;margin-top:15px;overflow:hidden}.quest-track i{display:block;width:75%;height:100%;background:#ffdb8d;border-radius:99px}.quest-days{display:flex;align-items:center;gap:6px;margin-top:11px}.quest-days>span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff40;font-size:.5rem}.quest-days .done{background:#ffdc91;color:#593b75;border-color:#ffdc91;font-weight:700}.quest-days em{font-style:normal;font-size:.52rem;color:#f0e8f8;margin-left:auto}
.student-lower{display:grid;grid-template-columns:1.4fr .8fr;gap:12px;margin-top:12px}.today-card,.practice-pal{background:#fff;border:1px solid #eee6f4;border-radius:14px;padding:15px}.today-title{display:flex;align-items:flex-start;justify-content:space-between}.today-title h4{font-size:.78rem;margin:4px 0 11px}.today-title>span{font-size:.51rem;color:#94899c;background:#f6f1f9;padding:5px 7px;border-radius:7px}.practice-piece{display:flex;align-items:center;gap:9px;border-top:1px solid #f2edf5;padding:10px 0}.play-button{border:0;width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#e8dcf5;color:#6e4a9b;font-size:.58rem;padding-left:2px;cursor:pointer}.play-button.peach{background:#ffe7cd;color:#955e2e}.practice-piece div{display:flex;flex-direction:column;gap:3px;flex:1}.practice-piece strong{font-size:.61rem}.practice-piece small{font-size:.51rem;color:#938b98}.piece-stars{font-size:.54rem;color:#f5b844;white-space:nowrap}.piece-stars i{font-style:normal;color:#ddd4e4}.new-tag{font-size:.45rem;letter-spacing:.08em;color:#7950a5;background:#f0e6fa;padding:4px 5px;border-radius:5px;font-weight:700}
.practice-pal{text-align:center;background:linear-gradient(160deg,#fff8e8,#fff);display:flex;align-items:center;flex-direction:column;justify-content:center}.pal-bubble{background:#fff;border:1px solid #f1dfb9;border-radius:999px;padding:6px 9px;font-size:.5rem;color:#7b5b30}.pal{font-size:2.8rem;line-height:1;margin:9px 0 7px;filter:drop-shadow(0 7px 7px #b47d2f25)}.practice-pal strong{font-size:.61rem;margin-bottom:4px}.practice-pal small{font-size:.49rem;color:#8e7e70}.star-meter{width:100%;height:6px;border-radius:99px;background:#f3e6cc;margin-top:10px;overflow:hidden}.star-meter i{display:block;width:58%;height:100%;border-radius:99px;background:#f6bd52}
.student-toast{position:absolute;right:16px;bottom:14px;display:flex;align-items:center;gap:9px;background:#282031;color:#fff;border-radius:12px;padding:10px 13px;box-shadow:0 12px 28px #1d142d3d}.student-toast>span{color:#ffd77d;font-size:1.1rem}.student-toast div{display:flex;flex-direction:column;gap:2px}.student-toast strong{font-size:.57rem}.student-toast small{font-size:.47rem;color:#cfc5d6}
@media(max-width:1020px){.student-grid{grid-template-columns:.8fr 1.2fr;gap:38px}.student-dashboard{padding:20px}.student-welcome h3{font-size:1.7rem}.student-lower{grid-template-columns:1fr}.practice-pal{display:none}}
@media(max-width:900px){.student-grid{grid-template-columns:1fr;gap:54px}.student-copy{max-width:620px}.student-device{max-width:720px;margin:auto}.practice-pal{display:flex}.student-lower{grid-template-columns:1.4fr .8fr}}
@media(max-width:650px){.student-grid{gap:45px}.student-device{border-radius:19px;border-width:4px;transform:none}.student-app-links{display:none}.student-avatar{margin-left:auto}.student-dashboard{padding:16px}.student-welcome h3{font-size:1.65rem}.student-welcome{gap:10px}.streak-pill{padding:8px}.quest-days em{display:none}.student-lower{grid-template-columns:1fr}.practice-pal{display:none}.student-toast{position:static;margin-top:12px}}
@media(max-width:390px){.student-welcome h3{font-size:1.42rem}.streak-pill span{font-size:.95rem}.quest-card{padding:15px}.quest-top div strong{font-size:.62rem}.today-card{padding:12px}}