:root{--ink:#071323;--navy:#11264d;--paper:#f4f6ef;--mint:#7cf2c7;--blue:#7db8ff;--orange:#ff7a45;--line:rgba(7,19,35,.13)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px "DM Sans",sans-serif}button,input{font:inherit}.brand{font:700 1.45rem "Space Grotesk";letter-spacing:-.06em;color:inherit;text-decoration:none}.brand span{color:var(--mint);margin-left:.12em}.login-view{min-height:100svh;display:grid;grid-template-columns:1.1fr .9fr}.login-art{position:relative;background:var(--navy);color:#fff;padding:3rem 5vw;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.login-art p,.eyebrow{font:600 .72rem "Space Grotesk";letter-spacing:.16em;color:var(--mint)}.login-art h1{margin:.8rem 0;font:700 clamp(4rem,8vw,8rem)/.82 "Space Grotesk";letter-spacing:-.08em}.login-art>div:last-child>span{color:#c9d4e4;display:block;max-width:430px;line-height:1.6}.rings{position:absolute;width:440px;height:440px;right:-110px;top:10%;display:grid;place-items:center}.rings i{position:absolute;border:1px solid #ffffff28;border-radius:50%;animation:spin 12s linear infinite}.rings i:nth-child(1){inset:0}.rings i:nth-child(2){inset:60px;animation-direction:reverse}.rings i:nth-child(3){inset:120px}.rings b{color:var(--mint);font:600 1rem "Space Grotesk"}.login-panel{display:grid;place-items:center;padding:3rem;position:relative}.login-panel form{width:min(440px,100%)}.login-panel h2{font:600 clamp(2.2rem,4vw,4rem)/1 "Space Grotesk";letter-spacing:-.055em;margin:.8rem 0}.login-panel form>p{color:#687580;line-height:1.6}.login-panel label{display:block;margin:1.5rem 0}.login-panel label span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.login-panel input{width:100%;border:1px solid var(--line);background:#fff;padding:1rem;outline:0}.login-panel input:focus{border-color:var(--navy)}.login-panel button{width:100%;border:0;background:var(--orange);padding:1rem;font:700 .78rem "Space Grotesk";letter-spacing:.1em;cursor:pointer}.login-panel button:hover{background:var(--mint)}.login-panel small{display:block;text-align:center;color:#7b8791;margin-top:1rem}.back{position:absolute;left:3rem;bottom:2rem;text-decoration:none;color:#61707b;font-size:.85rem}@keyframes spin{to{transform:rotate(360deg)}}.portal{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.portal aside{background:var(--navy);color:#fff;padding:2rem 1.2rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.portal aside .brand{padding:0 .8rem}.portal nav{display:grid;gap:.4rem;margin-top:4rem}.portal nav button,.logout{border:0;background:transparent;color:#b9c6d7;text-align:left;padding:.9rem;border-radius:5px;cursor:pointer}.portal nav button b{display:inline-block;width:28px;color:var(--mint)}.portal nav button:hover,.portal nav button.active{background:#ffffff12;color:#fff}.logout{margin-top:auto;color:#ffad8d}.workspace{padding:2rem 3vw 5rem;min-width:0}.workspace>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1.5rem}.workspace header span,.page-title>span{font-size:.7rem;letter-spacing:.12em;color:#75818b}.workspace header h1{font:500 clamp(1.6rem,3vw,2.6rem) "Space Grotesk";letter-spacing:-.04em;margin:.3rem 0}.workspace header h1 em{font-style:normal;color:#ff6840}.avatar,.profile-avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-weight:700}.mobile-menu{display:none}.view{display:none;animation:appear .4s ease}.view.active{display:block}.summary-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:1rem;margin-top:2rem}.summary-grid article,.course-grid article,.panel,.profile-card{background:#fff;padding:1.7rem;border:1px solid var(--line)}.focus-card{background:var(--navy)!important;color:#fff!important}.focus-card>span,.score-card>span,.course-grid article>span{font-size:.65rem;letter-spacing:.13em}.focus-card h2{font:600 2.1rem/1 "Space Grotesk";margin:1rem 0}.focus-card p{color:#bac6d8}.bar{height:5px;background:#dfe3e1;margin:1.5rem 0}.bar i{display:block;height:100%;background:var(--orange)}.focus-card .bar{background:#ffffff25}.focus-card .bar i{background:var(--mint)}.focus-card footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.focus-card footer button,.course-grid button{border:0;background:var(--orange);padding:.7rem 1rem;font-weight:700;cursor:pointer}.score-card strong{display:block;font:600 5rem "Space Grotesk";letter-spacing:-.08em;margin:1.4rem 0 0}.score-card p{color:#5e6a75}.mini-bars{height:50px;display:flex;gap:5px;align-items:end}.mini-bars i{width:12%;background:var(--blue)}.mini-bars i:nth-child(1){height:25%}.mini-bars i:nth-child(2){height:45%}.mini-bars i:nth-child(3){height:38%}.mini-bars i:nth-child(4){height:70%}.mini-bars i:nth-child(5){height:55%}.mini-bars i:nth-child(6){height:80%}.mini-bars i:nth-child(7){height:95%;background:var(--orange)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:2rem 0 1rem}.section-head h2{font:600 1.5rem "Space Grotesk";margin:0}.section-head button{border:0;background:transparent;color:#61707b;cursor:pointer}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.course-grid article{transition:.25s}.course-grid article:hover{transform:translateY(-4px)}.course-icon{width:54px;height:54px;display:grid;place-items:center;font:700 1.1rem "Space Grotesk";margin-bottom:2rem}.blue{background:var(--blue)}.mint{background:var(--mint)}.orange{background:var(--orange)}.course-grid h3{font:600 1.3rem "Space Grotesk";margin:.6rem 0}.course-grid p{color:#687580;line-height:1.5}.lower-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.class-row{display:grid;grid-template-columns:65px 10px 1fr;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid var(--line)}.class-row time span,.class-row div span,.task small{display:block;color:#78848e;font-size:.78rem}.dot{width:8px;height:8px;border-radius:50%}.task{border-top:1px solid var(--line);padding:1rem 0}.task span{color:#ff6840;font-size:.72rem}.task b{display:block;margin:.4rem 0}.page-title{padding:3rem 0 2rem}.page-title h2{font:600 clamp(2.8rem,6vw,6rem)/1 "Space Grotesk";letter-spacing:-.065em;margin:.5rem 0}.course-grid.large article{min-height:340px}.course-grid.large button{margin-top:1rem}.table{background:#fff;border:1px solid var(--line)}.table>div{display:grid;grid-template-columns:2fr 1fr 1fr .8fr;gap:1rem;padding:1.1rem 1.4rem;border-bottom:1px solid var(--line);align-items:center}.table-head{font-size:.7rem;letter-spacing:.1em;color:#78848e}.table em{font-style:normal;font-size:.72rem;padding:.4rem .6rem;text-align:center}.pending{background:#fff0c7}.new{background:#dceaff}.done{background:#d8f8ea}.week{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.week article{background:#fff;border:1px solid var(--line);padding:1.4rem;min-height:260px}.week article.today{background:var(--navy);color:#fff}.week article>span{font-size:.7rem;letter-spacing:.1em;color:#77848e}.week article>div{display:flex;gap:1rem;border-top:1px solid var(--line);padding:1rem 0;margin-top:1.5rem}.week p{margin:0}.week small{color:#78848e}.profile-card{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center}.profile-avatar{width:85px;height:85px;font-size:1.4rem}.profile-card h3{font:600 2rem "Space Grotesk";margin:0}.profile-card p{color:#78848e}.profile-card dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);margin-top:2rem}.profile-card dl div{padding:1.2rem;border-top:1px solid var(--line)}.profile-card dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#78848e}.profile-card dd{margin:.5rem 0 0;font-weight:600}@keyframes appear{from{opacity:0;transform:translateY(12px)}}@media(max-width:900px){.login-view{grid-template-columns:1fr}.login-art{min-height:42vh}.rings{width:280px;height:280px}.portal{grid-template-columns:1fr}.portal aside{position:fixed;left:-260px;z-index:10;width:240px;transition:.3s}.portal aside.open{left:0}.mobile-menu{display:block;border:0;background:transparent;font-size:1.5rem}.summary-grid,.lower-grid{grid-template-columns:1fr}.course-grid{grid-template-columns:1fr 1fr}.week{grid-template-columns:1fr 1fr}}@media(max-width:600px){.login-panel{padding:2rem 1.2rem}.back{left:1.2rem}.workspace{padding:1.2rem}.course-grid,.week{grid-template-columns:1fr}.table{overflow:auto}.table>div{min-width:680px}.workspace header h1{font-size:1.4rem}.workspace>header .avatar{display:none}}