:root{--ink:#132b3a;--muted:#61727e;--paper:#f5f7f4;--green:#0e766b;--lime:#c8de70;--line:#dce3df;--white:#fff;--danger:#a53a42}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif;min-height:100vh}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,88px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.86);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:14px}.brand img{width:52px;height:52px;object-fit:contain}.brand strong,.brand span{display:block}.brand strong{font-size:18px}.brand span{font-size:13px;color:var(--muted);margin-top:3px}.moodle-link,.text-button{color:var(--green);font-weight:700;text-decoration:none}.moodle-link{border:1px solid var(--line);border-radius:999px;padding:11px 18px;background:#fff}main{width:min(1180px,calc(100% - 40px));margin:auto}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end;padding:78px 0 54px}.eyebrow{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.04em}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08;margin:14px 0 24px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:18px;line-height:1.9;color:var(--muted);max-width:760px;margin:0}.system-status{background:var(--ink);color:#fff;border-radius:24px;padding:24px;display:flex;align-items:center;gap:16px}.system-status small,.system-status strong{display:block}.system-status small{color:#c9d2d6;margin-top:6px;direction:ltr}.pulse{width:15px;height:15px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 8px rgba(200,222,112,.14)}.login-panel{display:grid;grid-template-columns:1fr 1fr;gap:56px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:42px;margin-bottom:60px;box-shadow:0 20px 60px rgba(25,50,60,.07)}.login-panel h2,.section-heading h2{font-size:32px;margin:9px 0}.login-panel p{color:var(--muted);line-height:1.8}.login-panel form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.login-panel label{font-size:13px;font-weight:700;color:var(--muted)}.login-panel input{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid var(--line);border-radius:12px;font:inherit}.login-panel button{grid-column:1/-1;padding:14px;border:0;border-radius:12px;background:var(--green);color:#fff;font:inherit;font-weight:800;cursor:pointer}.login-panel button:disabled{opacity:.6}.login-panel #login-message{grid-column:1/-1;color:var(--danger);margin:0;min-height:20px}.services{padding-bottom:70px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.text-button{border:0;background:none;font:inherit;cursor:pointer}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;min-height:330px;padding:30px;border-radius:24px;text-decoration:none;color:var(--ink);border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:.2s ease;overflow:hidden}.service-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(20,50,60,.11)}.service-card.correspondence{background:var(--ink);color:#fff}.service-card.operations{background:#dfe9df}.service-card.students{background:#f1f0e8}.card-icon{font-size:32px}.card-number{position:absolute;left:28px;top:28px;color:rgba(80,100,100,.38);font-weight:800}.correspondence .card-number{color:rgba(255,255,255,.35)}.service-card h3{font-size:25px;margin:50px 0 12px}.service-card p{line-height:1.8;opacity:.75;margin:0}.service-card strong{margin-top:auto;color:var(--green)}.correspondence strong{color:var(--lime)}.integration-note{display:flex;gap:24px;margin-top:24px;padding:20px 24px;border:1px dashed #bdc9c4;border-radius:16px;color:var(--muted)}.integration-note strong{color:var(--ink);white-space:nowrap}footer{text-align:center;padding:25px;color:var(--muted);border-top:1px solid var(--line);font-size:13px}@media(max-width:850px){.site-header{height:auto;padding:16px 20px;gap:12px}.moodle-link{font-size:12px}.hero{grid-template-columns:1fr;padding:48px 0 36px}.login-panel{grid-template-columns:1fr;padding:26px;gap:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:260px}.integration-note{display:block}.integration-note strong{display:block;margin-bottom:8px}}@media(max-width:520px){main{width:min(100% - 24px,1180px)}.brand strong{font-size:14px}.brand span{font-size:11px}.brand img{width:42px;height:42px}.moodle-link{padding:8px 10px}.hero h1{font-size:40px}.login-panel form{grid-template-columns:1fr}.login-panel label{grid-column:1/-1}}