.myl-platform,.myl-platform *{box-sizing:border-box}.myl-platform{--blue:#173f8f;--blue2:#0d2d6f;--pink:#ef4f91;--ink:#182238;--muted:#6b7488;--bg:#f5f7fb;--line:#e6eaf1;max-width:1120px;margin:26px auto;padding:18px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink)}.myl-platform a{text-decoration:none}.myl-logo{font-size:30px;font-weight:900;letter-spacing:-1.7px;color:var(--blue)}.myl-logo span{color:var(--pink)}.myl-kicker{display:inline-block;color:var(--pink);font-size:12px;font-weight:900;letter-spacing:1.4px}.myl-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.myl-topbar-left{display:flex;align-items:center;gap:12px}.myl-topbar-left>span{color:var(--muted);font-weight:700}.myl-logout,.myl-forgot{color:var(--blue);font-weight:800}.myl-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 90% 15%,rgba(239,79,145,.15),transparent 30%),linear-gradient(135deg,#fff,#f2f6ff);box-shadow:0 18px 50px rgba(25,46,89,.07)}.myl-dashboard-hero h1{font-size:clamp(34px,5vw,52px);line-height:1;margin:9px 0 12px;letter-spacing:-1.8px;color:var(--blue2)}.myl-dashboard-hero p{font-size:17px;color:var(--muted);margin:0}.myl-progress-ring{--p:calc(var(--progress)*1%);width:145px;height:145px;flex:0 0 145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--pink) var(--p),#e8edf5 0)}.myl-progress-ring:before{content:"";width:112px;height:112px;border-radius:50%;background:white;position:absolute}.myl-progress-ring{position:relative}.myl-progress-ring div{position:relative;z-index:2;text-align:center}.myl-progress-ring strong{display:block;font-size:30px;color:var(--blue2)}.myl-progress-ring span{font-size:12px;color:var(--muted)}.myl-updated{text-align:right;color:#929bad;font-size:13px;margin:10px 4px 22px}.myl-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.myl-summary-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:0 10px 28px rgba(25,46,89,.045)}.myl-summary-card h2{margin:0 0 9px;font-size:17px;color:var(--blue2)}.myl-summary-card p{margin:0;color:#4d5870;line-height:1.55}.myl-training-section,.myl-history-section{margin-top:48px}.myl-section-title{margin-bottom:22px}.myl-section-title h2{font-size:32px;margin:8px 0;color:var(--blue2);letter-spacing:-1px}.myl-section-title p{margin:0;color:var(--muted)}.myl-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.myl-module-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 12px 32px rgba(25,46,89,.05)}.myl-module-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.myl-module-head>div{display:flex;gap:10px;align-items:center}.myl-module-head h3{margin:0;font-size:18px;color:var(--blue2)}.myl-module-head>strong{color:var(--pink);font-size:18px}.myl-module-icon{font-size:24px}.myl-mini-bar{height:8px;background:#edf1f6;border-radius:99px;overflow:hidden;margin:15px 0}.myl-mini-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--pink))}.myl-skills-list{display:grid;gap:10px}.myl-skill-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #f0f2f6}.myl-skill-name{font-size:14px;color:#455168}.myl-status{font-size:11px;font-weight:900;border-radius:99px;padding:6px 9px;white-space:nowrap}.myl-status.is-todo{background:#f2f3f6;color:#727b8d}.myl-status.is-progress{background:#fff4df;color:#a66b00}.myl-status.is-acquired{background:#e8f8ef;color:#167446}.myl-history-list{display:grid;gap:12px}.myl-history-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.myl-history-date{display:flex;justify-content:space-between;color:var(--blue2)}.myl-history-date span{color:var(--pink);font-weight:900}.myl-history-item p{margin:8px 0 0;color:#546076}.myl-footer{text-align:center;color:#9aa3b2;padding:42px 0 10px;font-size:13px}.myl-login-page{min-height:72vh;display:grid;grid-template-columns:1fr 460px;gap:60px;align-items:center}.myl-login-brand h1{font-size:52px;line-height:1.02;letter-spacing:-2px;color:var(--blue2);margin:16px 0}.myl-login-brand p{font-size:19px;line-height:1.6;color:var(--muted)}.myl-login-card,.myl-admin-front-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 24px 60px rgba(25,46,89,.11)}.myl-login-card h2{font-size:31px;color:var(--blue2);margin:8px 0}.myl-login-card>p{color:var(--muted)}.myl-login-card label{font-weight:750;color:#414c63}.myl-login-card input[type=text],.myl-login-card input[type=password]{width:100%;padding:13px 14px;margin-top:6px;border:1px solid #dbe1ea;border-radius:11px}.myl-login-card input[type=submit],.myl-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;border:0;border-radius:11px;padding:14px;background:linear-gradient(90deg,var(--blue),var(--pink));color:white!important;font-weight:900;font-size:16px;cursor:pointer}.myl-forgot{display:inline-block;margin-top:8px}.myl-admin-front-card{max-width:620px;margin:80px auto;text-align:center}.myl-admin-front-card .myl-btn{width:auto;margin-top:15px;padding-left:24px;padding-right:24px}
@media(max-width:820px){.myl-login-page{grid-template-columns:1fr;gap:24px;min-height:auto}.myl-login-brand h1{font-size:40px}.myl-dashboard-hero{align-items:flex-start}.myl-summary-grid,.myl-modules{grid-template-columns:1fr}.myl-progress-ring{width:115px;height:115px;flex-basis:115px}.myl-progress-ring:before{width:88px;height:88px}.myl-progress-ring strong{font-size:24px}}@media(max-width:560px){.myl-platform{margin:8px auto;padding:12px}.myl-topbar-left>span{display:none}.myl-dashboard-hero{padding:22px;display:block}.myl-progress-ring{margin-top:24px}.myl-login-card{padding:24px}.myl-login-brand{padding:10px}.myl-login-brand h1{font-size:36px}.myl-skill-item{align-items:flex-start;flex-direction:column;gap:7px}}