*{box-sizing:border-box}body{color:#f5f1e8;background:#0b1713;margin:0;font:15px system-ui}main{max-width:520px;min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) 22px max(32px,env(safe-area-inset-bottom));background:radial-gradient(circle at 80% 0,#315e49,#0b1713 52%);margin:auto}h1,h2{font-family:Georgia,serif}h1{margin:120px 0 16px;font-size:44px;line-height:1.05}h2{margin:6px 0;font-size:48px}p,small{color:#c1cbc3;line-height:1.6}button{color:#172019;background:#d1b068;border:0;border-radius:12px;width:100%;margin-top:20px;padding:16px;font-size:16px;font-weight:700}header{justify-content:space-between;margin-bottom:18px;display:flex}.course{border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #0008}section{background:#ffffff0b;border:1px solid #ffffff1c;border-radius:16px;margin-top:18px;padding:18px}label{margin:12px 0;display:block}input{accent-color:#d1b068;width:100%;margin-top:8px;display:block}code{text-overflow:ellipsis;color:#d1b068;display:block;overflow:hidden}@media (width>=700px){main{border-radius:24px;margin-top:30px}}