* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Segoe UI",Arial,sans-serif; background:#fff; color:#222; font-size:16px; line-height:1.5; }

/* Header */
.hdr { background:linear-gradient(#6b7d92,#5a6c81); color:#fff; padding:14px 16px; display:flex; align-items:center; gap:14px; }
.hdr .logo { width:52px; height:52px; flex:0 0 52px; object-fit:contain; display:block; }
.hdr .title { font-weight:700; font-size:19px; letter-spacing:.3px; line-height:1.2; flex:1; }
.hdr .icons { display:flex; align-items:center; gap:14px; }
.hdr .icons svg { width:34px; height:34px; fill:#fff; }
.hdr .icons .usr { background:#fff; border-radius:50%; padding:5px; }
.hdr .icons .usr svg { fill:#5a6c81; width:24px; height:24px; }
.hdr .burger { display:flex; flex-direction:column; gap:6px; cursor:pointer; }
.hdr .burger span { width:38px; height:5px; background:#fff; border-radius:2px; }

/* Content */
.wrap { max-width:760px; margin:0 auto; padding:20px 22px 60px; }
.crumb { color:#3d5a80; margin-bottom:26px; font-size:17px; }
.crumb a { color:#3d5a80; text-decoration:underline; }
.crumb .sep { color:#333; text-decoration:none; }
h1 { font-size:32px; font-weight:700; margin:18px 0 34px; color:#111; }
h2 { font-size:22px; font-weight:700; margin:26px 0 10px; }
a { color:#2f5aa8; }

/* Login form */
.form { max-width:640px; margin:0 auto 28px; }
.row { display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:14px; }
.row label { width:150px; text-align:right; font-size:19px; color:#333; }
.row input { flex:0 0 400px; max-width:60%; padding:12px 12px; font-size:17px; background:#ffef9f; border:1px solid #d8c96a; border-radius:4px; }
.btnrow { justify-content:center; }
.btn { padding:14px 46px; font-size:18px; font-weight:600; color:#333; background:linear-gradient(#fbfbfb,#e2e2e2); border:1px solid #b9b9b9; border-radius:5px; cursor:pointer; }
.btn:active { background:linear-gradient(#e2e2e2,#fbfbfb); }
.note { color:#555; margin:16px 0; font-size:17px; }
.note b { color:#333; }

/* Cabinet menu */
.menu a { display:block; color:#2f5aa8; text-decoration:underline; font-size:20px; margin:12px 0; }
.menu a.bold { font-weight:700; }
.menu .grp { margin-left:40px; }
.foot { text-align:center; color:#666; padding:14px; border-top:1px solid #ddd; font-size:15px; }

/* Info page */
.info { margin-left:40px; }
.info > div { margin:14px 0; font-size:19px; line-height:1.45; }
.info dt { display:inline; font-weight:700; color:#111; }
.info dd { display:inline; color:#555; margin-left:6px; }

/* Grades table */
.gtbl { width:100%; border-collapse:collapse; margin-top:10px; font-size:15px; }
.gtbl th,.gtbl td { border:1px solid #cfcfcf; padding:10px 8px; text-align:left; vertical-align:top; }
.gtbl .sem { text-align:center; font-weight:700; font-size:18px; background:#fafafa; }
.gtbl .num { width:34px; text-align:center; }
.gtbl .ved { color:#333; font-size:14px; }