:root{--app-purple:#6c55e0;--app-coral:#ff7c67;--app-yellow:#ffcf54;--app-mint:#48cfae;--app-sky:#54a8ef}
body{background:#f7f8fc}.app-greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.greeting-label{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#8b94a7}.app-greeting h1{font-size:28px;line-height:1.1;margin:7px 0;color:#17233b}.app-greeting p{margin:0;color:#7b8496;font-size:13px}.app-greeting p span{margin:0 5px;color:#c2c7d1}.avatar{width:52px;height:52px;display:grid;place-items:center;border:4px solid #fff;border-radius:17px;background:linear-gradient(145deg,#ffcd6a,#ff846f);color:#fff;font-size:20px;font-weight:900;box-shadow:0 8px 24px #ff927146}.learning-banner{position:relative;min-height:240px;display:flex;overflow:hidden;padding:36px 40px;border-radius:28px;background:linear-gradient(125deg,#6653dc,#8b6fea);color:#fff;box-shadow:0 18px 40px #6755da31}.learning-banner:before,.learning-banner:after{content:"";position:absolute;border-radius:50%;background:#ffffff0e}.learning-banner:before{width:230px;height:230px;right:-50px;top:-90px}.learning-banner:after{width:160px;height:160px;right:110px;bottom:-100px}.banner-copy{position:relative;z-index:2;max-width:520px}.banner-pill{display:inline-block;padding:6px 10px;border:1px solid #ffffff2b;border-radius:20px;background:#ffffff17;font-size:10px;font-weight:800;letter-spacing:1.1px}.banner-copy h2{max-width:430px;margin:15px 0 7px;font-size:28px;line-height:1.2}.banner-copy p{margin:0 0 23px;color:#e8e4ff;font-size:14px}.banner-copy a{display:inline-flex;align-items:center;gap:18px;padding:11px 16px;border-radius:11px;background:#fff;color:#5741cf;font-size:13px;font-weight:800;box-shadow:0 8px 20px #35279830}.banner-art{position:absolute;right:48px;bottom:26px;width:190px;height:170px}.sun{position:absolute;width:76px;height:76px;right:28px;top:7px;border-radius:50%;background:#ffcf54;box-shadow:0 0 0 12px #ffda7840}.book{position:absolute;width:115px;height:28px;right:26px;border-radius:6px 10px 10px 6px;transform:rotate(-7deg);box-shadow:0 8px 15px #34268530}.book:before{content:"";position:absolute;inset:5px 10px;background:#fff;border-radius:2px}.book-one{bottom:30px;background:#ff806a}.book-two{bottom:4px;right:7px;background:#4fd2b0;transform:rotate(4deg)}.spark{position:absolute;color:#fff5a8;font-size:24px}.spark-one{left:4px;top:22px}.spark-two{right:0;top:85px;font-size:16px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 38px}.quick-card{display:flex;align-items:center;gap:13px;padding:17px 18px;border-radius:18px;background:#fff;border:1px solid #eceef4;box-shadow:0 8px 25px #29314b08}.quick-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px}.quick-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quick-card.violet .quick-icon{background:#eeeafd;color:#6c55e0}.quick-card.orange .quick-icon{background:#fff0e9;color:#fb7a56}.quick-card.mint .quick-icon{background:#e4f9f3;color:#20a982}.quick-card strong,.quick-card span{display:block}.quick-card strong{font-size:22px}.quick-card div span{margin-top:2px;color:#7e8797;font-size:12px}.app-section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.app-section-heading>div>span{color:#9a7bdb;font-size:10px;font-weight:900;letter-spacing:1.4px}.app-section-heading h2{margin:5px 0 0;font-size:24px;letter-spacing:-.4px}.course-count{padding:6px 10px;border-radius:20px;background:#ece9fc;color:#6350cf;font-size:11px;font-weight:800}.app-course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.app-course-card{--subject:#6c55e0;--soft:#eeeafd;position:relative;min-height:148px;display:flex;align-items:flex-start;gap:15px;padding:20px;border:1px solid #ebedf3;border-radius:20px;background:#fff;box-shadow:0 9px 25px #27314c0a;transition:.2s transform,.2s box-shadow}.app-course-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px #27314c16}.subject-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:16px;background:var(--soft);color:var(--subject);font-size:21px;font-weight:900}.course-copy{min-width:0;padding-right:22px}.app-course-card .course-code{color:var(--subject);font-size:9px;letter-spacing:1px;font-weight:900}.app-course-card h3{margin:5px 0 4px;font-size:16px;line-height:1.25}.app-course-card p{overflow:hidden;margin:0;color:#858d9d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.course-data{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px;color:#7a8393;font-size:10px;font-weight:600}.card-arrow{position:absolute;right:17px;top:50%;color:#b6bdca;font-size:27px;transform:translateY(-50%)}.palette-2{--subject:#ed795c;--soft:#fff0ea}.palette-3{--subject:#1cab84;--soft:#e4f8f2}.palette-4{--subject:#3e98e4;--soft:#e7f3fd}.palette-5{--subject:#d79a21;--soft:#fff5db}.palette-6{--subject:#d95f9e;--soft:#fceaf4}.app-empty{padding:45px 24px;border:2px dashed #e3e5ed;border-radius:22px;background:#fff;text-align:center}.app-empty>span{font-size:39px}.app-empty h3{margin:12px 0 6px}.app-empty p{margin:0;color:#7f8899;font-size:13px}.bottom-nav{display:none}
@media(max-width:800px){body{background:#fafbfe}.topbar{display:none}.shell{padding:24px 18px 106px}.app-greeting{margin-bottom:21px}.app-greeting h1{font-size:25px}.avatar{width:48px;height:48px;border-radius:15px}.learning-banner{min-height:206px;padding:27px 24px;border-radius:24px}.banner-copy{max-width:72%}.banner-copy h2{margin-top:13px;font-size:22px}.banner-copy p{font-size:12px;line-height:1.5}.banner-copy a{padding:10px 13px}.banner-art{right:-5px;bottom:19px;transform:scale(.72)}.quick-stats{gap:9px;margin:15px 0 32px}.quick-card{display:block;padding:13px 8px;text-align:center;border-radius:16px}.quick-icon{width:38px;height:38px;margin:0 auto 8px;border-radius:12px}.quick-icon svg{width:19px}.quick-card strong{font-size:19px}.quick-card div span{font-size:10px}.app-section-heading h2{font-size:21px}.app-course-grid{grid-template-columns:1fr;gap:12px}.app-course-card{min-height:124px;padding:17px;border-radius:18px}.subject-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px}.course-data{margin-top:13px}.bottom-nav{position:fixed;z-index:50;right:12px;bottom:10px;left:12px;display:grid;grid-template-columns:repeat(4,1fr);height:72px;padding:8px;border:1px solid #eceefa;border-radius:22px;background:#fffffff2;box-shadow:0 12px 38px #25305226;backdrop-filter:blur(14px)}.bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:15px;color:#9aa2b1;font-size:9px;font-weight:700}.bottom-nav a.active{background:#eeeafd;color:#624ed2}.bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.bottom-nav a.active svg{fill:#624ed219}.shell+ .bottom-nav+footer{display:none}}
@media(max-width:390px){.learning-banner{min-height:220px}.banner-copy{max-width:76%}.banner-copy h2{font-size:20px}.banner-art{right:-28px;transform:scale(.62)}.shell{padding-right:15px;padding-left:15px}}