*{box-sizing:border-box}:root{--g:#08a86b;--ink:#112e28;--mint:#effaf5;--line:#dce9e4;--muted:#70827b}body{margin:0;background:#f7faf9;color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{height:68px;padding:0 6%;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.brand img{width:42px;height:42px}.brand div{display:flex;flex-direction:column}.brand small{font-size:8px;color:var(--muted)}header>a:last-child,.help a{background:var(--g);color:#fff;padding:9px 13px;border-radius:8px;text-decoration:none;font-size:8px;font-weight:900}main{max-width:980px;margin:auto;padding:40px 5%}.login{text-align:center;padding:35px 0}.login>span,.now>span,.journey>span,.grid article>span,.help span{font-size:8px;color:var(--g);font-weight:900;letter-spacing:.14em}.login h1{font-size:37px;margin:7px}.login p{font-size:10px;color:var(--muted)}.login div{display:flex;max-width:500px;margin:18px auto 7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px}.login input{flex:1;min-width:0;border:0;outline:0;padding:10px}.login button{border:0;background:var(--ink);color:#fff;border-radius:7px;padding:0 13px;font-size:8px;font-weight:900}.login small{font-size:7px;color:var(--muted)}.hidden{display:none}.topcard{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;border-radius:15px;padding:20px}.topcard small,.course small{font-size:7px;color:#9fbab1}.topcard h2{font-size:20px;margin:5px 0}.topcard p{font-size:8px;margin:0;color:#b9ccc5}.state{text-align:right}.state b{display:block;margin-top:5px;font-size:12px;color:#80e7bd}.course{display:grid;grid-template-columns:1fr 1.4fr .7fr;background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;margin:10px 0}.course div{padding:3px 13px;border-right:1px solid var(--line)}.course div:last-child{border:0}.course small{display:block;color:var(--muted);margin-bottom:5px}.course b{font-size:9px}.now,.journey,.grid article,.help{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px}.now{background:var(--mint);margin-bottom:10px}.action{font-size:9px;padding:9px 0;border-bottom:1px solid #d9e9e2;line-height:1.5}.action:last-child{border:0}.action b{display:block;font-size:10px}.action small{color:var(--muted)}.journey{margin-bottom:10px}.journey>div{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:15px}.step{text-align:center;font-size:7px;color:var(--muted)}.step b{display:grid;place-items:center;width:25px;height:25px;margin:auto auto 6px;border-radius:50%;background:#edf2f0}.step.done b,.step.current b{background:var(--g);color:#fff}.step.current{font-weight:900;color:var(--ink)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid article{min-height:145px}.grid h3{font-size:16px;margin:8px 0}.grid p,.grid div{font-size:9px;line-height:1.55;color:var(--muted)}.grid a{display:inline-block;margin-top:8px;color:var(--g);font-size:8px;font-weight:900;text-decoration:none}.help{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.help h2{font-size:18px;margin:5px 0}.help p{font-size:9px;color:var(--muted);margin:0}@media(max-width:620px){main{padding:25px 4%}.login h1{font-size:29px}.topcard{display:block}.state{text-align:left;margin-top:14px}.course,.grid{grid-template-columns:1fr}.course div{border:0;border-bottom:1px solid var(--line);padding:9px}.journey>div{grid-template-columns:repeat(4,1fr);gap:12px 5px}.help{display:block}.help a{display:inline-block;margin-top:12px}}