@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(/assets/manrope-cyrillic-500-normal-B1OEZity.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(/assets/manrope-cyrillic-600-normal-DvRl3Mj-.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(/assets/manrope-cyrillic-700-normal-Dw_fZAg2.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Dela Gothic One";font-display:swap;src:url(/design-review/dela-gothic-one.ttf) format("truetype")}
/* D.SKILLS Admin · вход. Подменяет <style> в LOGIN_HTML; разметка та же (form.box, h1, .muted, label, input, button, .error). */
:root{color-scheme:light}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:16px;box-sizing:border-box;background:#fff;color:#0B1524;font:500 15px/1.45 Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.01em}
.box{position:relative;width:min(420px,100%);padding:118px 26px 26px;border-radius:24px;background:#F1F3F6;overflow:hidden}
.box::before{content:"";position:absolute;left:8px;right:8px;top:8px;height:92px;border-radius:18px;
  background:radial-gradient(40% 80% at 80% 20%,rgba(221,239,255,.5),rgba(221,239,255,0) 76%),radial-gradient(70% 92% at 0% 100%,rgba(5,27,50,.4),rgba(5,27,50,0) 70%),#1E67A2}
h1{position:absolute;left:30px;top:30px;margin:0;color:#fff;font:400 22px/1 "Dela Gothic One",Manrope,sans-serif;letter-spacing:0}
.muted{margin:0 0 18px 2px;color:#5B6675;font-size:14px}
label{display:grid;gap:7px;margin:12px 0;color:#5B6675;font-size:13px}
input,button{width:100%;box-sizing:border-box;min-height:50px;border-radius:16px;padding:0 16px;border:0;font:500 16px/1 Manrope,system-ui,sans-serif;letter-spacing:-.015em}
input{background:#fff;color:#0B1524;box-shadow:inset 0 0 0 1px #E2E7EE}
input:focus{outline:0;box-shadow:inset 0 0 0 2px #1E67A2}
button{margin-top:10px;border-radius:999px;background:#1E67A2;color:#fff;font-weight:600;cursor:pointer}
button:hover{background:#185789}
.error{display:flex;gap:9px;align-items:flex-start;margin:6px 0 4px;color:#0B1524;font-weight:600;font-size:14px}
.error::before{content:"";flex:none;width:7px;height:7px;margin-top:7px;border-radius:50%;background:#0B1524}