/* MeshMelo v312: publicly viewable artist certification selection.
   Graphite matches home. Scope rules to entry or identity routes. */
body.mm-shell-v19:has(.mm312-page){
 --mm-site-bg:#202020;--mm-site-surface:#292929;
 --mm-site-text:#f1f1f1;--mm-site-muted:#b6b6b6;--mm-site-line:#414146;
 --mm-site-header:#252525;--mm-site-sidebar:#252525;
 background:#202020!important;color:#f1f1f1!important;color-scheme:dark;
}
body.mm-shell-v19:has(.mm312-page) #container.mm-site-main{background:#202020!important;color:#f1f1f1!important}
#container .mm312-page{max-width:1170px;margin:24px auto 92px;padding:0 clamp(12px,2vw,26px);color:#f1f1f1;box-sizing:border-box}
#container .mm312-page *{box-sizing:border-box}
#container .mm312-hero{min-height:310px;display:flex;align-items:center;position:relative;isolation:isolate;border-radius:24px;overflow:hidden;border:1px solid #414146;background:#242334}
#container .mm312-hero picture,#container .mm312-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#container .mm312-hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(13,15,23,.95) 0%,rgba(13,15,23,.8) 36%,rgba(13,15,23,.1) 75%,rgba(13,15,23,.02) 100%)}
#container .mm312-hero-text{z-index:1;position:relative;max-width:56%;padding:clamp(22px,4vw,45px)}
#container .mm312-hero h1{font-size:clamp(29px,3.3vw,44px);line-height:1.25;letter-spacing:-.04em;font-weight:850;margin:0 0 15px;color:#fff;-webkit-text-fill-color:#fff}
#container .mm312-hero p{font-size:clamp(14px,1.5vw,17px);line-height:1.65;margin:0;color:#e3e3ed}
#container .mm312-intro{text-align:center;margin:34px auto 25px;max-width:730px}
#container .mm312-intro h2{color:#f1f1f1;font-size:clamp(23px,2.5vw,29px);font-weight:850;line-height:1.35;margin:0 0 8px}
#container .mm312-intro p{color:#b6b6b6;font-size:14px;line-height:1.7;margin:0}
#container .mm312-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#container .mm312-card{display:flex;flex-direction:column;background:#292929;color:#f1f1f1;border:1px solid #484951;border-radius:17px;padding:25px 25px 21px;min-width:0;gap:13px}
#container .mm312-card-head{display:flex;gap:15px;align-items:center}
#container .mm312-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#f14657,#b20f3f)}
#container .mm312-card-identity .mm312-icon{background:linear-gradient(135deg,#629bef,#4458cd)}
#container .mm312-icon svg{height:28px;width:28px;fill:none;stroke:currentColor;stroke-width:1.8}
#container .mm312-icon.youtube svg{fill:#fff;stroke:none}
#container .mm312-card h3{font-size:clamp(18px,1.75vw,22px);line-height:1.35;font-weight:800;margin:0;color:#f5f5f5;-webkit-text-fill-color:#f5f5f5}
#container .mm312-card p{color:#c5c5cd;font-size:13px;line-height:1.7;margin:0}
#container .mm312-points{display:grid;gap:11px;padding:17px 18px;background:#232428;border:1px solid #484951;border-radius:12px;flex:1 1 auto}
#container .mm312-points p{display:flex;gap:9px;line-height:1.65;color:#e1e1e5;font-size:13px}
#container .mm312-points p::before{content:"✓";font-size:13px;flex:none;font-weight:900;color:#8bc9bc}
#container .mm312-note{color:#b3b4be;font-size:12px;line-height:1.65}
#container .mm312-action{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:11px;padding:12px 17px;font-size:14px;font-weight:800;text-align:center;text-decoration:none;background:linear-gradient(100deg,#d89cf1,#9270ec);color:#191323!important;-webkit-text-fill-color:#191323!important}
#container .mm312-card-identity .mm312-action{background:linear-gradient(100deg,#76b6fc,#6082f4)}
#container .mm312-action:hover{filter:brightness(1.08)}
#container .mm312-action:focus-visible,#container .mm312-link:focus-visible,#container .mm312-form :is(input,button):focus-visible{outline:3px solid #b5a8ff;outline-offset:3px}
#container .mm312-back{display:inline-flex;color:#d1c5ff;text-decoration:none;font-size:14px;margin:20px 0}
#container .mm312-settings{margin-top:16px;color:#a7a8b4;font-size:12px;line-height:1.65}
#container .mm312-application{max-width:900px;margin:30px auto 0}
#container .mm312-application h2{margin:0 0 14px;color:#f1f1f1;font-size:clamp(21px,2.4vw,30px)}
#container .mm312-alert{border:1px solid #75604d;background:#393124;border-radius:12px;padding:16px 18px;color:#f4d5ad;line-height:1.8;font-size:13px;margin:17px 0}
#container .mm312-alert strong{display:block;color:#f7e1c2;font-size:15px;margin-bottom:4px}
#container .mm312-form{display:grid;gap:15px;border:1px solid #414146;padding:24px;background:#292929;border-radius:16px}
#container .mm312-form label{display:grid;gap:8px;color:#f1f1f1;font-weight:750;font-size:13px}
#container .mm312-form input[type=text]{width:100%;min-width:0;height:45px;border:1px solid #71717b;border-radius:9px;background:#232329;color:#fff;padding:10px 13px;font:inherit}
#container .mm312-form small{color:#c0c2c9;font-size:12px;line-height:1.65}
#container .mm312-accept{display:flex!important;gap:10px!important;align-items:flex-start;line-height:1.7;font-weight:550!important}
#container .mm312-accept input{margin-top:5px;accent-color:#ad96ff}
#container .mm312-status{margin:15px 0;padding:15px 17px;border-radius:12px;background:#272b34;border:1px solid #6c7792;color:#d6def5}
#container .mm312-my-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
#container .mm312-my-links a{border:1px solid #63656d;color:#f0eefc;text-decoration:none;border-radius:10px;padding:10px 14px;font-size:13px}
#container .mm312-my-links .is-disabled{opacity:.57;cursor:not-allowed}
@media(max-width:820px){#container .mm312-methods{grid-template-columns:1fr}#container .mm312-card{padding:19px}}
@media(max-width:650px){#container .mm312-page{margin-top:12px}#container .mm312-hero{min-height:262px}#container .mm312-hero-text{max-width:80%;padding:21px}#container .mm312-hero::after{background:linear-gradient(90deg,rgba(12,13,20,.94),rgba(14,16,25,.7) 58%,rgba(15,15,20,.14))}#container .mm312-form{padding:17px}#container .mm312-card-head{gap:11px}#container .mm312-icon{width:48px;height:48px;flex-basis:48px}}