/* DynamiqNotes Auth v1.0 — all rules scoped to plugin containers. */
.dna-auth,.dna-account,.dna-account-guard{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15263b;line-height:1.55;letter-spacing:normal;font-size:15px}
.dna-auth *,.dna-auth *::before,.dna-auth *::after,.dna-account *,.dna-account *::before,.dna-account *::after,.dna-account-guard *{box-sizing:border-box}
.dna-auth{width:min(1180px,calc(100vw - 24px))!important;max-width:1180px!important;position:relative;left:50%;transform:translateX(-50%);margin:clamp(20px,5vw,70px) 0!important;padding:0 10px!important;clear:both}
.dna-auth a,.dna-account a,.dna-account-guard a{text-decoration:none!important}
.dna-auth__frame{min-height:710px;display:grid;grid-template-columns:minmax(0,0.94fr) minmax(0,1.06fr);border:1px solid #e4eaf0;border-radius:23px;overflow:hidden;box-shadow:0 22px 75px rgba(12,33,61,.10),0 2px 12px rgba(12,33,61,.03);background:#fff;isolation:isolate}
.dna-auth--signup .dna-auth__frame{min-height:780px}
.dna-hero{color:#fff;background:radial-gradient(circle at 85% 80%,rgba(22,184,202,.16),transparent 38%),linear-gradient(156deg,#09182c 0%,#102941 57%,#103d50 100%);padding:48px clamp(28px,4.5vw,61px) 37px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.dna-hero::before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#57b1c0 1px,transparent 1px),linear-gradient(90deg,#57b1c0 1px,transparent 1px);background-size:49px 49px;mask-image:linear-gradient(120deg,transparent 30%,black 100%);pointer-events:none}
.dna-hero__brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px;color:#fff!important;font-size:24px;font-weight:790;letter-spacing:-.9px;align-self:flex-start}
.dna-brand-accent{color:#74e4d6}
.dna-logo{display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:3px;transform:rotate(-18deg);margin-right:3px}
.dna-logo span{display:block;border-radius:3px;background:#5ed9cb}.dna-logo span:nth-child(2){background:#c1f5ef}.dna-logo span:nth-child(3){background:#2ea7bc}.dna-logo span:nth-child(4){background:#7deadc}
.dna-hero__body{position:relative;z-index:2;margin:60px 0 44px}
.dna-eyebrow{display:flex;gap:10px;align-items:center;color:#92d5df;font-size:10px;letter-spacing:2.3px;font-weight:760}
.dna-eyebrow__dot{height:7px;width:7px;border-radius:100%;background:#5ae4ce;box-shadow:0 0 0 5px rgba(90,228,206,.1)}
.dna-hero h2{font-family:inherit!important;font-weight:780!important;color:#fff!important;font-size:clamp(30px,3.5vw,46px)!important;line-height:1.19!important;letter-spacing:-1.8px!important;margin:25px 0 20px!important;max-width:410px}
.dna-hero h2 span{color:#7be7da}
.dna-hero__body>p{color:#b8c9d5!important;font-size:15px!important;line-height:1.9!important;max-width:390px;margin:0!important}
.dna-feature-list{display:grid;gap:20px;margin-top:55px}.dna-feature-list>div{display:flex;align-items:center;gap:14px;font-size:13px;color:#dfecf2;font-weight:520}
.dna-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid rgba(132,222,228,.27);border-radius:11px;background:rgba(176,239,241,.08);color:#8beadd;font-size:19px;flex-shrink:0}
.dna-hero__footer{position:relative;z-index:2;font-size:10px;letter-spacing:1.7px;font-weight:650;color:#85aabd;display:flex;align-items:center;gap:14px}.dna-hero__line{height:1px;width:27px;background:#5bdaca;flex-shrink:0}
.dna-hero__orb{pointer-events:none;position:absolute;border:1px solid rgba(107,215,221,.1);border-radius:50%}.dna-hero__orb--one{width:390px;height:390px;right:-275px;bottom:66px}.dna-hero__orb--two{width:510px;height:510px;right:-340px;bottom:7px}
.dna-panel{display:flex;flex-direction:column;padding:40px clamp(24px,4.5vw,65px) 24px;min-width:0}
.dna-panel__top{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:24px}
.dna-panel__tag{font-size:10px;letter-spacing:1.8px;color:#9aa9b7;font-weight:800;white-space:nowrap}
.dna-back{color:#637487!important;font-size:12px!important;font-weight:580;white-space:nowrap}.dna-back:hover{color:#0e8390!important}
.dna-form-area{width:100%;max-width:442px;margin:auto;min-width:0;padding:36px 0 18px}
.dna-step{font-size:10px;font-weight:800;letter-spacing:2px;color:#0e929d;display:inline-flex;align-items:center;gap:8px}.dna-step__mark{width:14px;height:2px;background:#0e929d}
.dna-form-area h1{font-family:inherit!important;font-weight:800!important;letter-spacing:-1.2px!important;font-size:clamp(25px,3vw,33px)!important;color:#102338!important;line-height:1.26!important;margin:12px 0 10px!important}
.dna-intro{color:#82909e!important;line-height:1.75!important;font-size:14px!important;margin:0 0 25px!important}
.dna-switch{display:grid;grid-template-columns:1fr 1fr;background:#f0f4f7;border-radius:11px;gap:4px;padding:5px;margin:0 0 30px}
.dna-switch a{color:#7e8d9c!important;display:block;font-size:13px;font-weight:700;padding:10px 8px;text-align:center;border-radius:8px;transition:background .2s,color .2s}
.dna-switch a:hover{color:#0a6679!important}.dna-switch a.is-current{background:#fff;color:#123448!important;box-shadow:0 1px 7px rgba(37,55,80,.09)}
.dna-form{display:grid;gap:17px;margin:0;padding:0;border:0}.dna-field{min-width:0}
.dna-field label,.dna-field__header label{display:block;color:#2d4155!important;font-size:12px!important;font-weight:750!important;margin:0 0 8px!important;line-height:1.4}
.dna-field__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.dna-field__header a{color:#0e8d9b!important;font-size:12px!important;font-weight:650!important;margin-bottom:7px}
.dna-field input:not([type="checkbox"]){-webkit-appearance:none!important;appearance:none!important;display:block!important;background:#fff!important;border:1px solid #dce4ec!important;border-radius:10px!important;box-shadow:none!important;width:100%!important;min-width:0!important;height:49px!important;min-height:49px!important;padding:0 15px!important;margin:0!important;font-family:inherit!important;color:#15283f!important;font-size:13px!important;line-height:normal!important;transition:border-color .2s,box-shadow .2s}
.dna-field input::placeholder{color:#a6b0bb!important;opacity:1}.dna-field input:focus{border-color:#0b9a9c!important;outline:0!important;box-shadow:0 0 0 3px rgba(11,154,156,.13)!important}
.dna-field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;min-width:0}.dna-password{position:relative;min-width:0}.dna-password input{padding-right:67px!important}
.dna-password__toggle{position:absolute!important;right:8px;top:7px!important;z-index:1;min-width:51px;height:35px;padding:0 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#72879a!important;font-family:inherit!important;font-size:12px!important;font-weight:720!important;cursor:pointer;border-radius:7px!important}
.dna-password__toggle:hover{color:#0b8f98!important;background:#f1f7f8!important}
.dna-checkbox{font-size:12px;display:flex;align-items:center;gap:10px;color:#64778b;font-weight:540;cursor:pointer;padding:3px 0 5px}.dna-checkbox input{margin:0!important;width:15px;height:15px;accent-color:#118d99}
.dna-submit{width:100%!important;min-height:50px!important;display:flex!important;align-items:center;justify-content:center;gap:14px;border:0!important;border-radius:10px!important;background:linear-gradient(110deg,#0e8195,#0b9b9a)!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;font-weight:790!important;letter-spacing:.1px;box-shadow:0 7px 19px rgba(8,130,143,.2)!important;transition:transform .2s,box-shadow .2s;cursor:pointer!important;margin:0!important;text-transform:none!important}
.dna-submit:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(8,130,143,.27)!important}.dna-submit:focus-visible,.dna-auth a:focus-visible{outline:3px solid #88d9df!important;outline-offset:3px}
.dna-submit span{font-size:19px;font-weight:400}
.dna-under-form{margin-top:27px;text-align:center;color:#82909e;font-size:12px}.dna-under-form a{color:#0a8898!important;font-weight:750!important}
.dna-panel__footer{font-size:10px!important;line-height:1.5!important;color:#b0bbc4!important;text-align:center!important;margin:20px 0 0!important;letter-spacing:.1px}
.dna-field__hint{display:block;color:#8295a6;font-size:10px;margin-top:6px}.dna-field__hint--good{color:#008b76}.dna-security-note{color:#8997a4!important;font-size:10px!important;line-height:1.65!important;margin:0!important}
.dna-auth--signup .dna-form{gap:12px}.dna-auth--signup .dna-form-area{padding:20px 0 10px}.dna-auth--signup .dna-switch{margin-bottom:21px}.dna-auth--signup .dna-intro{margin-bottom:19px!important}.dna-auth--signup .dna-under-form{margin-top:16px}
.dna-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.dna-alert{font-size:12px;line-height:1.7;border-radius:9px;padding:11px 13px;margin:-10px 0 18px}.dna-alert--success{color:#096a59;background:#e7f8f3;border:1px solid #c3ece0}.dna-alert--error{color:#aa3b36;background:#fff0ef;border:1px solid #f1ceca}
.dna-info{font-size:13px;color:#567081;background:#eff5f8;border:1px solid #d9e7ec;border-radius:12px;padding:18px;line-height:1.8}
.dna-account{max-width:1080px;width:100%;margin:52px auto;padding:0 16px}.dna-account__head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:32px}.dna-account__head h1{font-family:inherit!important;letter-spacing:-1px!important;font-size:clamp(26px,3vw,37px)!important;color:#122439!important;margin:10px 0 5px!important}.dna-account__head p{color:#7b8996!important;margin:0!important;font-size:14px!important}.dna-account__logout{color:#0d7f8c!important;font-size:13px;font-weight:740}.dna-account__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dna-account__tile{border:1px solid #e0e8ee;border-radius:17px;padding:30px;background:#fff;min-height:230px;box-shadow:0 9px 30px rgba(17,41,71,.045);display:flex;flex-direction:column}.dna-account__tile-label{color:#8799a9;font-size:10px;font-weight:800;letter-spacing:1.6px}.dna-account__profile{display:flex;align-items:center;gap:14px;margin:20px 0;min-width:0}.dna-account__profile strong{font-size:16px;display:block;color:#1b3045}.dna-account__profile small{font-size:12px;display:block;color:#7d8fa1;overflow-wrap:anywhere}.dna-avatar{width:49px;height:49px;border-radius:13px;background:#daf4ef;color:#0e928c;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex-shrink:0}.dna-account__tile>a{color:#0e8a94!important;font-size:12px;font-weight:750;margin-top:auto}.dna-account__tile--accent{background:linear-gradient(135deg,#10273f,#155b68);color:#fff;border-color:#155b68}.dna-account__tile--accent .dna-account__tile-label{color:#a6d5d7}.dna-account__tile--accent h2{font-size:21px!important;color:#fff!important;line-height:1.4!important;margin:19px 0 10px!important}.dna-account__tile--accent p{color:#c7dcdf!important;font-size:13px!important}.dna-account__tile--accent>a{color:#a7f0e9!important}.dna-account-guard{max-width:550px;margin:48px auto;padding:35px;border-radius:16px;border:1px solid #dfebf0;text-align:center}.dna-account-guard h2{font-size:26px!important}.dna-account-guard a{color:#0d8492;font-weight:700}
@media(max-width:920px){.dna-hero{padding:38px 29px}.dna-hero h2{font-size:33px!important}.dna-panel{padding:32px 27px 23px}.dna-form-area h1{font-size:27px!important}.dna-feature-list{margin-top:34px}.dna-hero__body{margin-top:52px}}
@media(max-width:730px){.dna-auth{padding:0 4px!important;margin:22px 0!important}.dna-auth__frame{grid-template-columns:1fr;min-height:0!important;border-radius:18px}.dna-hero{padding:24px 25px 23px;min-height:0}.dna-hero__brand{font-size:20px}.dna-hero__body{display:none}.dna-hero__footer{display:none}.dna-panel{padding:23px 25px 23px}.dna-panel__top{align-items:center}.dna-form-area{max-width:460px;margin:0 auto;padding:35px 0 17px}.dna-form-area h1{font-size:29px!important}.dna-panel__footer{margin-top:12px!important}.dna-auth--signup .dna-form-area{padding:24px 0 12px}.dna-account__grid{grid-template-columns:1fr}.dna-account__head{align-items:flex-start;flex-direction:column}}
@media(max-width:450px){.dna-panel{padding:20px 18px}.dna-form-area h1{font-size:26px!important;letter-spacing:-.7px!important}.dna-form-area{padding:28px 0 10px}.dna-field-row{grid-template-columns:1fr;gap:12px}.dna-switch{margin-bottom:23px}.dna-back{font-size:11px!important}.dna-panel__tag{font-size:9px}.dna-auth--signup .dna-form-area{padding-top:20px}.dna-auth--signup .dna-form{gap:13px}}
@media(prefers-reduced-motion:reduce){.dna-auth *{transition:none!important}}