.diem-nl{--bg:#f6efe8;--surface:#ffffff;--text:#171412;--muted:rgba(23,20,18,.62);--accent:#b7946d;--line:rgba(23,20,18,.12);font-family:Inter,Arial,sans-serif;color:var(--text)}
.diem-nl *{box-sizing:border-box}
.diem-nl--inline{padding:26px 14px}
.diem-nl__inner{position:relative;max-width:1040px;margin:auto;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,239,232,.94));border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 90px rgba(53,35,20,.12);overflow:hidden}
.diem-nl__content{display:grid;grid-template-columns:minmax(280px,38%) 1fr;min-height:530px}
.diem-nl__left{position:relative;background:#171412}
.diem-nl__right{padding:42px 36px 34px;display:flex;flex-direction:column;justify-content:center}
.diem-nl__close{position:absolute;top:14px;right:14px;z-index:4;width:40px;height:40px;border:0;border-radius:50%;background:rgba(23,20,18,.08);color:#171412;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease}
.diem-nl__close:hover{background:rgba(23,20,18,.14);transform:scale(1.04)}
.diem-nl--inline .diem-nl__close{display:none}
.diem-nl__visual{position:absolute;inset:0;background-size:cover;background-position:center}
.diem-nl__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.48))}
.diem-nl__visual--fallback{display:flex;flex-direction:column;justify-content:flex-end;padding:34px;background:radial-gradient(circle at top left,rgba(183,148,109,.52),transparent 36%),linear-gradient(150deg,#201b18,#090909)}
.diem-nl__visual--fallback:after{display:none}
.diem-nl__visual--fallback .diem-nl__eyebrow{position:relative;z-index:1;color:#d7b892;margin-bottom:18px}
.diem-nl__visual--fallback h3{position:relative;z-index:1;margin:0 0 18px;font-size:42px;line-height:.95;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.06em}
.diem-nl__visual--fallback ul{position:relative;z-index:1;margin:0;padding:0;list-style:none;color:rgba(255,255,255,.82);font-size:15px;line-height:1.8}
.diem-nl__eyebrow{font-size:11px;letter-spacing:.28em;font-weight:700;color:var(--accent);margin-bottom:10px;text-transform:uppercase}
.diem-nl h2{margin:0 0 10px;font-size:clamp(30px,4vw,46px);line-height:1;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.diem-nl__lead{max-width:540px;margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.7}
.diem-nl__grid{display:grid;grid-template-columns:1fr;gap:10px;max-width:100%}
.diem-nl input[type=text],.diem-nl input[type=email]{width:100%;height:52px;padding:0 16px;border:1px solid rgba(23,20,18,.16);border-radius:10px;background:rgba(255,255,255,.9);font-size:15px;outline:none;transition:.2s ease}
.diem-nl input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(183,148,109,.12)}
.diem-nl__consent{display:flex;gap:9px;align-items:flex-start;text-align:left;margin:14px 0 18px;color:var(--muted);font-size:12px;line-height:1.5}
.diem-nl__consent input{margin-top:2px;accent-color:#171412}
.diem-nl button[type=submit]{border:0;border-radius:10px;background:#171412;color:#fff;min-height:52px;padding:0 32px;font-size:12px;font-weight:700;letter-spacing:.18em;cursor:pointer;transition:.2s ease;width:100%}
.diem-nl button[type=submit]:hover{transform:translateY(-1px);background:#2a2521}
.diem-nl__notice{margin:0 0 18px;padding:12px 14px;border-radius:10px;font-size:13px}
.diem-nl__notice.success{background:#eef7ef;color:#24592e}
.diem-nl__notice.error{background:#fff0f0;color:#8b2525}
.diem-nl__hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.diem-nl-popup{position:fixed;inset:0;z-index:999999}
.diem-nl-popup[hidden]{display:none!important}
.diem-nl-popup__overlay{position:absolute;inset:0;background:rgba(12,10,9,.58);backdrop-filter:blur(6px)}
.diem-nl-popup__dialog{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}
.diem-nl--popup{width:min(100%,1020px)}
@media(max-width:900px){.diem-nl__content{grid-template-columns:1fr}.diem-nl__left{min-height:220px}.diem-nl__right{padding:30px 22px 24px}.diem-nl__visual--fallback h3{font-size:34px}}
@media(max-width:640px){.diem-nl-popup__dialog{padding:12px}.diem-nl__left{display:none}.diem-nl__inner{border-radius:18px}.diem-nl h2{font-size:30px}.diem-nl__right{padding:28px 18px 20px}}