:root{--educrm-accent:#4f46e5;--educrm-accent-dark:#3730a3;--educrm-accent-bg:#eef2ff;--educrm-text-primary:#1d1d1f;--educrm-text-secondary:#6e6e73;--educrm-bg-base:#fff;--educrm-bg-subtle:#f5f5f7;--educrm-border:#e5e7eb;--educrm-success:#22c55e;--educrm-warning:#f59e0b;--educrm-error:#ef4444}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--educrm-bg-subtle);color:var(--educrm-text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mh-page{background:#f8f8fc;flex-direction:column;min-height:100%;display:flex;position:relative;overflow:hidden}.mh-decor{pointer-events:none;z-index:0;position:absolute;inset:0}.mh-decor svg{opacity:.75;position:absolute}.mh-decor-a{top:-300px;right:-280px}.mh-decor-b{bottom:-420px;left:-180px}.mh-header{z-index:1;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:relative}.mh-logo{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.mh-logo-mark{background:var(--educrm-accent);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:20px;font-weight:700;display:grid}.mh-logo-text{letter-spacing:-.02em;color:var(--educrm-text-primary);white-space:nowrap;font-size:21px;font-weight:700}.mh-logo-text em{color:var(--educrm-accent);font-style:normal}.mh-header-right{align-items:center;gap:12px;min-height:36px;display:flex}.mh-user{border:1px solid var(--educrm-border);background:var(--educrm-bg-base);color:var(--educrm-text-primary);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;max-width:320px;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex;overflow:hidden}.mh-user-dot{background:var(--educrm-success);border-radius:50%;flex-shrink:0;width:8px;height:8px}.mh-login-btn{color:var(--educrm-accent);font-weight:600}.mh-main{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:44px;padding:40px 24px 56px;display:flex;position:relative}.mh-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.mh-title{letter-spacing:-.03em;color:var(--educrm-text-primary);margin:0;font-size:clamp(28px,4.2vw,44px);font-weight:800;line-height:1.12}.mh-subtitle{max-width:560px;color:var(--educrm-text-secondary);margin:0;font-size:17px;line-height:1.5}.mh-cards{grid-template-columns:repeat(3,minmax(250px,320px));justify-content:center;gap:24px;width:100%;max-width:1080px;display:grid}.mh-card{font:inherit;text-align:left;border:1px solid var(--educrm-border);background:var(--educrm-bg-base);cursor:pointer;border-radius:24px;flex-direction:column;align-items:flex-start;gap:14px;min-height:224px;padding:28px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 1px 2px #1d1d1f0a}.mh-card:hover{border-color:#d9dcf0;transform:translateY(-4px);box-shadow:0 6px 16px #1d1d1f12,0 16px 40px #4f46e51a}.mh-card:focus-visible{outline:3px solid var(--educrm-accent-bg);outline-offset:2px;border-color:var(--educrm-accent)}.mh-card:active{transform:translateY(-1px)}.mh-card-icon{background:var(--educrm-accent-bg);width:52px;height:52px;color:var(--educrm-accent);border-radius:16px;place-items:center;font-size:24px;display:grid}.mh-card-title{letter-spacing:-.01em;color:var(--educrm-text-primary);font-size:20px;font-weight:700}.mh-card-desc{color:var(--educrm-text-secondary);font-size:14px;line-height:1.5}.mh-card-note{color:#ffffffd9;margin-top:auto;font-size:12px;font-weight:500}.mh-card-note-dark{color:var(--educrm-text-secondary)}.mh-card-primary{background:linear-gradient(135deg,#4f46e5 0%,#7c5cfa 55%,#ec4899 120%);border:none;box-shadow:0 8px 20px #4f46e547,0 2px 6px #4f46e533}.mh-card-primary:hover{border-color:#0000;box-shadow:0 12px 28px #4f46e55c,0 4px 10px #4f46e53d}.mh-card-primary .mh-card-title{color:#fff}.mh-card-primary .mh-card-desc{color:#ffffffe0}.mh-card-icon-light{color:#fff;background:#ffffff2e}.mh-footer{z-index:1;text-align:center;color:var(--educrm-text-secondary);padding:20px 32px 28px;font-size:12px;position:relative}.mh-footer-main{max-width:640px;margin:0 auto 8px;line-height:1.5}.mh-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.mh-footer-links a{color:var(--educrm-text-secondary);text-underline-offset:2px;text-decoration:underline}.mh-footer-links a:hover{color:var(--educrm-accent,#4f46e5)}.mh-footer-sep{color:var(--educrm-border)}.mh-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8f8fce0;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.mh-overlay-text{color:var(--educrm-text-primary);font-size:16px;font-weight:600}.mh-spinner{border:3px solid var(--educrm-accent-bg);border-top-color:var(--educrm-accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite mh-spin}@keyframes mh-spin{to{transform:rotate(360deg)}}.mh-join-form{flex-direction:column;gap:12px;padding-top:4px;display:flex}.mh-join-label{color:var(--educrm-text-primary);font-size:13px;font-weight:500}.mh-join-form input{font-variant-numeric:tabular-nums;letter-spacing:.04em}.mh-join-error{color:var(--educrm-error);font-size:13px}.mh-result{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:12px 0 4px;display:flex}.mh-result-icon{color:var(--educrm-success);font-size:44px}.mh-result-title{color:var(--educrm-text-primary);font-size:19px;font-weight:700}.mh-result-link-row{gap:8px;width:100%;margin-top:4px;display:flex}.mh-result-link-row .ant-input{min-width:0}.mh-result-code{color:var(--educrm-text-primary);font-size:14px}.mh-result-code b{font-variant-numeric:tabular-nums;letter-spacing:.04em}.mh-result-note{font-size:13px}.mh-result-close{margin-top:8px}@media (width<=980px){.mh-cards{grid-template-columns:minmax(250px,420px)}.mh-card{min-height:0}.mh-main{justify-content:flex-start;padding-top:24px}}@media (width<=560px){.mh-header{padding:16px 20px}.mh-user{max-width:180px}.mh-result-link-row{flex-direction:column}}