:root{color-scheme:dark;--amber:#ffc45d;--bg:#080d17;--panel:rgba(25,24,43,.84);--line:rgba(255,255,255,.12);--text:#f7f5ff;--muted:#b7b6c8;--green:#4be0ae;--pink:#e74b83}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-height:100vh;background:radial-gradient(1000px 550px at 8% 0%,#712d4c45,transparent 65%),radial-gradient(800px 460px at 100% 0%,#49288745,transparent 62%),#080d17;color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,sans-serif}
.mc-shell{width:min(1060px,calc(100% - 32px));margin:auto}
.mc-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.mc-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:900;text-decoration:none;color:var(--text)}
.mc-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ff875c,#d12d6f);box-shadow:0 8px 24px #e74b8340}
.mc-back{color:#ddd5e7;text-decoration:none;border:1px solid var(--line);padding:8px 13px;border-radius:12px;font-size:13px;transition:background .2s,border-color .2s}
.mc-back:hover{background:#ffffff0c;border-color:#ffffff35}
.mc-hero{max-width:780px;margin:48px 0 24px}
.mc-tag{display:inline-flex;padding:6px 11px;border:1px solid #ff9b5c55;background:#ff8d4b13;border-radius:99px;font-size:12px;font-weight:800;color:#ffd39b}
.mc-hero h1{font-size:clamp(38px,6vw,66px);line-height:1.02;letter-spacing:-.065em;margin:16px 0}
.mc-hero p,.mc-panel p,.mc-guide p,.mc-guide li{color:var(--muted)}
.mc-hero p{font-size:17px;max-width:730px}
.mc-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);gap:18px;align-items:start}
.mc-panel,.mc-guide{background:var(--panel);border:1px solid var(--line);border-radius:21px;box-shadow:0 24px 70px #0003;padding:24px;backdrop-filter:blur(15px)}
.mc-panel h2,.mc-guide h2{margin:0 0 15px;font-size:19px}
.mc-drop{position:relative;display:grid;justify-items:center;gap:8px;min-height:205px;margin:16px 0;padding:24px 18px;border:1px dashed #ffffff42;border-radius:17px;background:linear-gradient(145deg,#ffffff08,#ffffff03);text-align:center;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.mc-drop:hover,.mc-drop:focus-within,.mc-drop.is-dragging{transform:translateY(-2px);border-color:#ffc45d;background:#ffc45d0c;box-shadow:0 0 0 4px #ffc45d17}
.mc-upload-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffc45d18;color:var(--amber);font-size:24px;font-weight:800}
.mc-drop strong{font-size:16px}
.mc-drop>span:not(.mc-upload-icon){color:var(--muted);font-size:13px}
.mc-drop small{max-width:490px;color:#9697ad;font-size:11px;line-height:1.5}
.mc-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}
.mc-file-meta{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#ffffff07;font-size:13px;overflow-wrap:anywhere}
.mc-file-meta::before{content:"✓";color:var(--green);font-weight:900}
.mc-field{display:grid;gap:7px;margin:13px 0}
.mc-field label{font-size:13px;font-weight:750}
.mc-field select{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:#0d1220;color:white;outline:none}
.mc-field select:focus{border-color:var(--amber);box-shadow:0 0 0 3px #ffc45d22}
.mc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid var(--line);border-radius:12px;color:white;background:#211d31;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s}
.mc-btn.primary{background:linear-gradient(135deg,#f97355,#ca3473);border:0;box-shadow:0 8px 22px #f05b7835}
.mc-btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 10px 26px #f05b7848}
.mc-btn:focus-visible{outline:3px solid #ffc45d;outline-offset:3px}
.mc-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.mc-status{min-height:24px;color:var(--muted);font-size:13px;margin:12px 0}
.mc-status[data-kind=error]{color:#ff98a7}
.mc-status[data-kind=ok]{color:#6fe9bd}
.mc-health{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#ffffff09;border:1px solid var(--line);font-size:11px;color:var(--muted)}
.mc-dot{width:8px;height:8px;background:#fbbf24;border-radius:50%;box-shadow:0 0 12px currentColor}
.mc-health[data-state=up] .mc-dot{background:var(--green)}
.mc-health[data-state=down] .mc-dot{background:#fb7185}
.mc-progress{margin:14px 0}
.mc-progress progress{width:100%;height:12px;accent-color:var(--pink)}
.mc-progress .mc-status{margin:7px 0 12px}
.mc-privacy{padding-top:12px;border-top:1px solid var(--line);font-size:11px!important;line-height:1.55;color:#9d9eb2!important}
.mc-aside{position:relative;overflow:hidden}
.mc-aside::after{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-100px;border-radius:50%;background:#d13d7a18;filter:blur(10px);pointer-events:none}
.mc-aside-mark{display:grid;place-items:center;width:34px;height:34px;margin:0 0 13px;border-radius:11px;background:#d13d7a1a;color:#ff96ba}
.mc-note{display:grid;gap:4px;margin:20px 0;padding:15px;border-left:2px solid var(--amber);border-radius:0 12px 12px 0;background:#ffc45d0a}
.mc-note strong{font-size:13px;color:#ffe0aa}
.mc-note span{font-size:12px;color:var(--muted)}
.mc-guide{margin:18px 0 44px}
.mc-guide h2{margin-top:12px}
.mc-guide h3{margin:24px 0 6px;font-size:15px}
.mc-guide li{margin:9px 0;padding-left:3px}
.mc-guide strong{color:#eee8f3}
.mc-footer{text-align:center;color:#7e8195;font-size:12px;padding:0 0 30px}
@media(max-width:740px){.mc-layout{grid-template-columns:1fr}.mc-panel,.mc-guide{padding:18px}.mc-shell{width:calc(100% - 24px)}.mc-hero{margin-top:35px}.mc-drop{min-height:190px;padding:20px 14px}.mc-back{padding:8px 10px}.mc-header{height:68px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}