.ddla-identitas-access {
    --ddla-identitas-access-logo:none;
    --ddla-identitas-access-background:none;
    --ddla-access-gold:#d8b76a;
    --ddla-access-blue:#2f6fff;
    position:relative;
    display:grid;
    min-height:620px;
    place-items:center;
    padding:clamp(28px,6vw,84px) 24px;
    overflow:hidden;
    background:#080d15;
    color:#eef2f8;
}
.ddla-identitas-access--ameqc { --ddla-access-gold:#a27211; --ddla-access-blue:#2d6788; background:#eee9dc; color:#29261f; }
.ddla-identitas-access__backdrop {
    position:absolute; inset:0;
    background-image:linear-gradient(90deg,rgba(5,9,15,.96),rgba(5,9,15,.80) 52%,rgba(5,9,15,.42)),var(--ddla-identitas-access-background);
    background-size:cover; background-position:center;
}
.ddla-identitas-access--ameqc .ddla-identitas-access__backdrop { background-image:linear-gradient(90deg,rgba(242,238,227,.97),rgba(242,238,227,.88) 55%,rgba(242,238,227,.58)),var(--ddla-identitas-access-background); }
.ddla-identitas-access__panel {
    position:relative; z-index:1; width:min(100%,460px); padding:34px;
    border:1px solid color-mix(in srgb,var(--ddla-access-gold) 58%,transparent);
    background:rgba(10,16,25,.88); box-shadow:0 28px 80px rgba(0,0,0,.30); backdrop-filter:blur(18px);
    clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
}
.ddla-identitas-access--ameqc .ddla-identitas-access__panel { background:rgba(255,253,247,.92); box-shadow:0 28px 70px rgba(57,43,17,.14); }
.ddla-identitas-access__logo { width:150px; height:72px; margin-bottom:22px; background-image:var(--ddla-identitas-access-logo); background-repeat:no-repeat; background-size:contain; background-position:left center; }
.ddla-identitas-access__logo[style=""],.ddla-identitas-access__logo:not([style]) { min-height:0; }
.ddla-identitas-access__eyebrow { color:var(--ddla-access-gold); font-size:11px; font-weight:750; letter-spacing:.22em; }
.ddla-identitas-access h1 { margin:8px 0 7px; color:inherit; font:600 clamp(30px,5vw,40px)/1.08 Georgia,serif; }
.ddla-identitas-access__intro { margin:0 0 24px; opacity:.72; }
.ddla-identitas-access__notice,.ddla-identitas-access__error { margin:0 0 18px; padding:12px 14px; border:1px solid rgba(216,183,106,.45); background:rgba(216,183,106,.08); }
.ddla-identitas-access__error { border-color:#c85b5b; background:rgba(200,91,91,.10); }
.ddla-identitas-access__form { display:grid; gap:17px; }
.ddla-identitas-access__form label { display:grid; gap:7px; font-size:13px; font-weight:650; }
.ddla-identitas-access__form input[type=text],.ddla-identitas-access__form input[type=password] { width:100%; min-height:48px; padding:0 13px; border:1px solid rgba(255,255,255,.17); border-radius:0; background:rgba(255,255,255,.06); color:inherit; box-shadow:none; }
.ddla-identitas-access--ameqc .ddla-identitas-access__form input[type=text],.ddla-identitas-access--ameqc .ddla-identitas-access__form input[type=password] { border-color:rgba(80,66,34,.20); background:rgba(255,255,255,.72); }
.ddla-identitas-access__form input:focus { border-color:var(--ddla-access-blue); box-shadow:0 0 0 1px var(--ddla-access-blue),0 0 28px color-mix(in srgb,var(--ddla-access-blue) 18%,transparent); outline:0; }
.ddla-identitas-access__remember { display:flex!important; grid-template-columns:auto 1fr; align-items:center; }
.ddla-identitas-access__form button { min-height:44px; padding:0 22px; border:1px solid var(--ddla-access-gold); border-radius:0; background:transparent; color:var(--ddla-access-gold); font-weight:750; cursor:pointer; clip-path:polygon(0 7px,7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%); }
.ddla-identitas-access__form button:hover,.ddla-identitas-access__form button:focus { border-color:var(--ddla-access-blue); background:color-mix(in srgb,var(--ddla-access-blue) 12%,transparent); }
.ddla-identitas-access__help { margin:18px 0 0; font-size:12px; opacity:.68; }
.ddla-identitas-access__help a { color:inherit; }
@media(max-width:600px){.ddla-identitas-access{min-height:520px;padding:24px 14px}.ddla-identitas-access__panel{padding:26px 22px}}
