:root{--navy:#173b68;--green:#16883a;--bg:#f4f7fb;--text:#14233a;--muted:#64748b;--line:#dbe3ee}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;padding-bottom:78px}header{height:64px;padding:0 max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;position:sticky;top:0;z-index:5}.brand{font-size:20px;font-weight:800}.logout{color:#fff;text-decoration:none;font-size:14px}main{max-width:760px;margin:auto;padding:22px 16px}h1{font-size:27px;margin:6px 0 8px}h2{font-size:20px;margin-top:26px}.muted{color:var(--muted)}.hero{background:linear-gradient(135deg,#173b68,#2563a6);color:#fff;border-radius:22px;padding:24px;box-shadow:0 10px 28px #173b6828}.hero p,.hero h1{margin:0 0 5px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.quick a,.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 16px #173b680a}.quick a{padding:18px 8px;text-align:center;text-decoration:none;color:var(--text)}.quick b{display:block;font-size:22px;color:var(--navy)}.quick span{font-size:12px;color:var(--muted)}.card{padding:17px;margin:12px 0}.card h3{margin:7px 0}.card p{line-height:1.5}.material{display:flex;justify-content:space-between;align-items:center;gap:14px}.pill{display:inline-block;background:#e7f6eb;color:#08752b;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.button,button,.teachmint{display:inline-block;border:0;border-radius:11px;padding:12px 16px;background:var(--green);color:#fff;text-decoration:none;font-weight:750;white-space:nowrap;cursor:pointer}.teachmint{display:block;text-align:center;margin:18px 0;background:#1769aa}.bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:10}.bottom a{width:20%;max-width:150px;text-align:center;padding:16px 3px;color:var(--navy);text-decoration:none;font-size:12px;font-weight:700}.login-card{max-width:410px;margin:40px auto;background:#fff;padding:28px;border-radius:22px;border:1px solid var(--line);box-shadow:0 16px 45px #173b6816}.logo{width:62px;height:62px;border-radius:18px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.login-card label{display:block;font-size:13px;font-weight:700;margin:16px 0 7px}.login-card input{width:100%;padding:14px;border:1px solid #bdc8d8;border-radius:11px;font-size:16px}.login-card button{width:100%;margin-top:15px}.login-card .link{background:transparent;color:var(--navy)}.demo{background:#fff4cc;border:1px solid #f2d269;padding:10px;border-radius:10px;font-size:13px}.error{background:#feecec;color:#a01818;padding:11px;border-radius:10px;margin-top:12px}.fee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.fee-grid div{background:#fff;padding:16px 10px;border-radius:15px;border:1px solid var(--line)}.fee-grid span,.fee-grid b{display:block}.fee-grid span{font-size:12px;color:var(--muted)}.fee-grid b{font-size:19px;margin-top:5px}.profile p{border-bottom:1px solid var(--line);padding:9px 0;margin:0}@media(max-width:520px){.material{align-items:flex-start;flex-direction:column}.material .button{width:100%;text-align:center}.fee-grid{grid-template-columns:1fr}.quick a{padding:15px 4px}.quick span{font-size:10px}}
/* Student Login - Kumar Classes Logo */
.login-card .logo {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-bottom: 10px;
}

.login-card .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}