*{box-sizing:border-box}body.midf-access{margin:0;background:#f4f6f8;color:#172838;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.access-shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1fr) minmax(350px,1fr)}.brand-panel{background:var(--midf-dark);color:var(--midf-on-dark);padding:clamp(32px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;gap:70px}.brand-name img{width:220px;max-width:100%;height:95px;object-fit:contain;object-position:left center;background:#fff;padding:12px;border-radius:12px}.wordmark{font-size:54px;font-weight:850;line-height:1;letter-spacing:-3px}.wordmark span{display:block;font-size:11px;letter-spacing:5px;margin-top:12px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;margin:0 0 18px}h1{font-size:clamp(32px,3.6vw,54px);line-height:1.15;letter-spacing:-1.5px;font-weight:650;margin:0 0 24px}.brand-panel p:not(.eyebrow){max-width:390px;opacity:.85}.brand-footer{font-size:12px;opacity:.75}.form-panel{display:flex;align-items:center;justify-content:center;padding:50px 32px;background:#fff}.form-content{width:100%;max-width:410px}.form-content>.eyebrow{color:var(--midf-primary)}h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:0 0 14px}h3{font-size:21px;margin:28px 0 14px}p{margin:0 0 24px}.form-content>p:not(.eyebrow){color:#596978}form{display:grid;gap:18px;margin-top:26px}label{display:grid;gap:8px;font-size:14px;font-weight:600}input{width:100%;min-width:0;border:1px solid #bac8d1;border-radius:9px;padding:13px 14px;background:#fff;color:#172838;font:inherit;min-height:49px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--midf-primary);outline-offset:3px}input[type=checkbox]{width:19px;height:19px;min-height:19px;flex-shrink:0;accent-color:var(--midf-primary)}.check{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:400}button{font:inherit;cursor:pointer;border-radius:9px;padding:14px 18px;min-height:50px;border:1px solid transparent}.primary{background:var(--midf-primary);color:var(--midf-on-primary);font-weight:650}.primary:hover{filter:brightness(.94)}.text-link{display:inline-block;color:var(--midf-primary);text-underline-offset:4px;font-size:14px;margin-top:20px}.access-footer{font-size:12px!important;border-top:1px solid #e3e9ed;padding-top:24px;margin:38px 0 0!important;color:#71818f!important}.message{border:1px solid #b7d9ca;border-radius:10px;background:#f0f9f3;color:#24553a;padding:14px 16px;font-size:14px;margin:20px 0}.message.error{background:#fff3f2;border-color:#efbcb7;color:#962a24}.hint{font-size:12px!important;color:#596978;margin:0}.colors{display:grid;grid-template-columns:1fr 1fr;gap:18px}input[type=color]{padding:5px;height:48px}.logo-preview{max-width:200px;max-height:100px;object-fit:contain}hr{border:0;border-top:1px solid #e3e9ed;margin:32px 0}@media(max-width:760px){.access-shell{display:flex;flex-direction:column}.brand-panel{padding:26px 28px;gap:24px}.brand-panel h1,.brand-panel>div:nth-child(2),.brand-footer{display:none}.wordmark{font-size:38px}.wordmark span{font-size:9px;letter-spacing:3px;margin-top:6px}.brand-name img{height:70px;width:180px}.form-panel{padding:36px 24px;flex:1;align-items:flex-start}h2{font-size:28px}.access-footer{margin-top:30px!important}}

/* Official MIDI palette and original supplied logo. */
.brand-name img{width:247px;height:auto;max-height:192px;object-position:center;padding:18px;border-radius:14px}
.brand-panel{border-bottom:6px solid var(--midf-accent,#ff6600)}
.brand-panel .eyebrow{display:inline-block;background:var(--midf-accent,#ff6600);color:var(--midf-on-accent,#111);padding:7px 10px;border-radius:5px}
.form-content>h2:after{content:"";display:block;width:42px;height:4px;background:var(--midf-accent,#ff6600);margin-top:17px;border-radius:3px}
.colors{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.brand-panel{padding:19px 24px}.brand-name img{width:150px;max-height:115px;padding:10px}}

/* Current transparent MIDI identity, presented directly on the light background. */
.brand-panel{background:#f3f6fc;color:#102a4e;border-bottom:6px solid var(--midf-accent)}
.brand-name img{width:350px;max-width:100%;height:auto;max-height:none;background:transparent;border-radius:0;padding:0}
.brand-panel p:not(.eyebrow){opacity:1;color:#3d5573}
.brand-panel .eyebrow{background:transparent;color:var(--midf-primary);padding:0;border-left:4px solid var(--midf-accent);padding-left:12px;border-radius:0}
.brand-footer{color:#3d5573;opacity:1}
@media(max-width:760px){.brand-panel{padding:16px 24px;align-items:center}.brand-name img{width:240px;max-height:none;padding:0}.form-panel{padding:28px 24px}}