/* ARA MailDesk Pro — public signup UI, refreshed */
.ara-nl-widget{
  --ara-nl-radius:18px;
  --ara-nl-accent:#f7931a;
  --ara-nl-shadow:0 18px 46px rgba(15,23,42,.18);
  --ara-nl-surface:#ffffff;
  --ara-nl-surface-2:#f8fafc;
  --ara-nl-text:#0f172a;
  --ara-nl-muted:#64748b;
  --ara-nl-border:rgba(15,23,42,.10);
  --ara-nl-input-bg:#ffffff;
  --ara-nl-input-border:rgba(15,23,42,.14);
  --ara-nl-success-bg:#ecfdf5;
  --ara-nl-success-color:#065f46;
  --ara-nl-error-bg:#fef2f2;
  --ara-nl-error-color:#991b1b;
  position:relative;
  isolation:isolate;
  max-width:720px;
  overflow:hidden;
  color:var(--ara-nl-text);
  background:linear-gradient(180deg,var(--ara-nl-surface),var(--ara-nl-surface-2));
  border:1px solid var(--ara-nl-border);
  border-radius:var(--ara-nl-radius);
  box-shadow:var(--ara-nl-shadow);
  padding:clamp(18px,3vw,30px);
}
.ara-nl-widget:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--ara-nl-accent),rgba(247,147,26,.25),transparent);
  pointer-events:none;
}
.ara-nl-widget:after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-100px;
  top:-100px;
  border-radius:999px;
  background:color-mix(in srgb, var(--ara-nl-accent) 12%, transparent);
  pointer-events:none;
  z-index:-1;
}
.ara-nl-widget.skin-inherit{color:inherit;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ara-nl-widget.skin-luxury{
  --ara-nl-surface:#0b1020;
  --ara-nl-surface-2:#111827;
  --ara-nl-text:#fff7ea;
  --ara-nl-muted:#d6cfc2;
  --ara-nl-border:rgba(247,147,26,.22);
  --ara-nl-input-bg:rgba(255,255,255,.07);
  --ara-nl-input-border:rgba(255,255,255,.16);
  --ara-nl-shadow:0 24px 70px rgba(2,6,23,.36);
  background:radial-gradient(circle at top right,rgba(247,147,26,.16),transparent 34%),linear-gradient(145deg,#0b1020,#0f172a 55%,#080b14);
}
.ara-nl-widget.skin-minimal{--ara-nl-shadow:0 10px 30px rgba(15,23,42,.08);background:#fff}
.ara-nl-widget.font-brand{font-family:Georgia,'Times New Roman',serif}
.ara-nl-widget.font-inherit,.ara-nl-widget.font-inherit *{font-family:inherit}
.ara-nl-header{margin:0 0 18px}
.ara-nl-kicker{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--ara-nl-accent) 28%, transparent);border-radius:999px;color:var(--ara-nl-accent);background:color-mix(in srgb,var(--ara-nl-accent) 10%, transparent);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1}
.ara-nl-title{margin:0 0 8px;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.08;letter-spacing:-.035em;color:var(--ara-nl-text)}
.ara-nl-desc,.ara-nl-privacy{margin:0;color:var(--ara-nl-muted);font-size:1rem;line-height:1.62}
.ara-nl-form-wrap{display:grid;gap:12px}
.ara-nl-form{display:grid;gap:12px;margin:0}
.ara-nl-fields{display:grid;gap:10px}
.ara-nl-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
.ara-nl-input{width:100%;min-height:48px;padding:13px 15px;border:1px solid var(--ara-nl-input-border);border-radius:calc(var(--ara-nl-radius) - 5px);background:var(--ara-nl-input-bg);color:var(--ara-nl-text);box-sizing:border-box;font:inherit;line-height:1.2;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.ara-nl-input::placeholder{color:var(--ara-nl-muted);opacity:.78}
.ara-nl-input:focus{outline:none;border-color:var(--ara-nl-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ara-nl-accent) 18%, transparent);background:color-mix(in srgb,var(--ara-nl-input-bg) 88%, #fff 12%)}
.ara-nl-btn{min-height:48px;padding:0 20px;border-radius:calc(var(--ara-nl-radius) - 5px);border:1px solid color-mix(in srgb,var(--ara-nl-accent) 72%, #000 10%);cursor:pointer;background:linear-gradient(180deg,color-mix(in srgb,var(--ara-nl-accent) 92%, #fff 8%),var(--ara-nl-accent));color:#111827;font:inherit;font-weight:800;letter-spacing:-.01em;white-space:nowrap;transition:transform .14s ease,opacity .18s ease,box-shadow .18s ease,filter .18s ease}
.ara-nl-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px color-mix(in srgb,var(--ara-nl-accent) 22%, transparent);filter:saturate(1.04)}
.ara-nl-btn:focus{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--ara-nl-accent) 22%, transparent)}
.ara-nl-btn[disabled]{opacity:.72;cursor:not-allowed;transform:none;box-shadow:none;filter:none}
.ara-nl-consent{display:flex;gap:9px;align-items:flex-start;margin:0;font-size:.9rem;line-height:1.45;color:var(--ara-nl-muted)}
.ara-nl-consent input{margin-top:3px;accent-color:var(--ara-nl-accent)}
.ara-nl-privacy{margin-top:13px;font-size:.88rem;display:flex;align-items:center;gap:7px}
.ara-nl-privacy:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--ara-nl-accent) 14%, transparent);color:var(--ara-nl-accent);font-size:12px;font-weight:800;flex:0 0 auto}
.ara-nl-message{display:none;margin:0;padding:11px 13px;border-radius:calc(var(--ara-nl-radius) - 6px);border:1px solid transparent;font-size:.94rem;line-height:1.45}
.ara-nl-success{background:var(--ara-nl-success-bg);color:var(--ara-nl-success-color);border-color:rgba(16,185,129,.18)}
.ara-nl-error{background:var(--ara-nl-error-bg);color:var(--ara-nl-error-color);border-color:rgba(239,68,68,.18)}
.ara-nl-hp{position:absolute!important;left:-999em!important;opacity:0!important}
.ara-nl-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ara-nl-compact{padding:14px;max-width:760px}
.ara-nl-compact:before{height:0}.ara-nl-compact:after{display:none}
.ara-nl-compact .ara-nl-form{gap:10px}.ara-nl-compact .ara-nl-consent{font-size:.84rem}
@media (max-width:640px){.ara-nl-widget{padding:18px}.ara-nl-row{grid-template-columns:1fr}.ara-nl-btn{width:100%}.ara-nl-title{font-size:1.45rem}}
@supports not (color:color-mix(in srgb,#000 50%,#fff 50%)){
  .ara-nl-widget:after{background:rgba(247,147,26,.10)}
  .ara-nl-kicker{border-color:rgba(247,147,26,.28);background:rgba(247,147,26,.10)}
  .ara-nl-input:focus{box-shadow:0 0 0 4px rgba(247,147,26,.18)}
  .ara-nl-btn{border-color:rgba(247,147,26,.72)}
  .ara-nl-btn:hover{box-shadow:0 12px 24px rgba(247,147,26,.22)}
  .ara-nl-privacy:before{background:rgba(247,147,26,.14)}
}