.scan-button{display:inline-flex;align-items:center;gap:8px;margin:4px auto 0;padding:11px 15px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-weight:700;font-size:13px}.scan-button:hover{border-color:var(--deep);background:var(--sage)}.scanner-modal{width:min(460px,calc(100% - 28px));padding:0;border:0;border-radius:8px;background:var(--paper);box-shadow:0 20px 55px #242b1f40}.scanner-modal::backdrop{background:#20231f99}.scanner-panel{padding:24px}.scanner-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.scanner-heading h2{font:30px 'Playfair Display';margin:0 0 18px}.scanner-close{background:transparent;color:var(--muted);font-size:25px;line-height:1}.scanner-modal #qr-reader{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#20231f}.scanner-modal #qr-reader video{width:100%!important;height:auto!important}.scanner-help{margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.5}@media(max-width:700px){.scan-button{width:100%;justify-content:center}.scanner-panel{padding:18px}.scanner-heading h2{font-size:26px}}
.verify-page .verify-top{display:flex;align-items:center;justify-content:space-between;padding:0 42px;height:74px;border-bottom:1px solid var(--line)}@media(max-width:700px){.verify-page .verify-top{height:64px;padding:0 18px}.verify-page .verify-wrap{padding:42px 18px}.verify-page .verify-wrap h1{font-size:38px}.verify-page .verify-form{width:100%;flex-direction:column;gap:10px}.verify-page .verify-form input,.verify-page .verify-form button{width:100%;min-height:46px}.verify-page .verify-row{align-items:flex-start;flex-wrap:wrap}.verify-page .verify-row strong{max-width:100%;text-align:right}}
.approved{margin-top:18px;padding:12px;background:#dbe5d8;border-radius:5px;color:#526553;font:11px 'DM Mono';text-align:center}.login-required{margin-top:18px;padding:13px;background:#f4e5a7;border-radius:5px;color:#625a36;font-size:13px}.login-required a{color:#20231f;font-weight:700}
:root{--ink:#20231f;--muted:#72776f;--paper:#f7f6f1;--white:#fff;--line:#e6e7df;--sage:#dbe5d8;--deep:#5e7960;--coral:#e9795d;--yellow:#f4e5a7;font-family:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit}.brand-mark{width:31px;height:31px;object-fit:contain;display:block}.brand-name{font-family:'Playfair Display';font-size:25px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:var(--ink);color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:'';width:380px;height:380px;border:1px solid #596154;border-radius:50%;position:absolute;right:-110px;bottom:-75px;box-shadow:0 0 0 30px #2f352e,0 0 0 31px #596154,0 0 0 62px #2f352e,0 0 0 63px #596154}.art-quote{font-family:'Playfair Display';font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-2px;position:relative;z-index:1}.art-caption{color:#b9c0b4;max-width:270px;line-height:1.55;font-size:13px;z-index:1}.login-panel{display:grid;place-items:center;padding:30px}.login-box{max-width:390px;width:100%}.eyebrow{color:#c95843;font-family:'DM Mono';text-transform:uppercase;font-size:11px;letter-spacing:1.6px;margin:0 0 11px}.login-box h1,.verify-wrap h1{font-family:'Playfair Display';font-size:42px;margin:0 0 8px}.login-box>p:not(.eyebrow),.intro{color:var(--muted);font-size:14px;margin:0 0 27px}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-size:12px;font-weight:700}.field input,.verify-form input{border:1px solid #d8dad3;background:#fff;padding:12px 13px;border-radius:5px;outline:0}.primary{display:inline-block;background:var(--coral);color:var(--ink);padding:12px 16px;border-radius:6px;font-weight:700;font-size:13px;text-decoration:none}.primary:hover{background:#ee8b72}.full{width:100%;padding:13px}.demo-note{margin-top:21px;font-size:11px;line-height:1.6;padding:12px;background:var(--sage);color:#526553;border-radius:5px}.error{color:#b84d3a;font-size:13px}.verify-page{min-height:100vh}.verify-top{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.verify-wrap{max-width:600px;margin:0 auto;padding:70px 25px;text-align:center}.verify-symbol{width:70px;height:70px;background:var(--sage);color:var(--deep);border-radius:50%;display:grid;place-items:center;font-size:32px;margin:0 auto 21px}.verify-wrap h1{font-size:44px}.verify-form{display:flex;gap:8px;max-width:490px;margin:22px auto}.verify-form input{flex:1}.verify-card{margin:28px auto;background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px;text-align:left}.verified{color:var(--deep);font-family:'DM Mono';font-size:11px}.verify-card h2{font-family:'Playfair Display';font-size:27px;margin:15px 0 5px}.verify-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.verify-row:last-child{border:0}.verify-row span{color:var(--muted)}.invalid{color:#b84d3a}.invalid p{font-size:13px}@media(max-width:700px){.login-wrap{grid-template-columns:1fr}.login-art{min-height:285px;padding:30px}.art-quote{font-size:42px}.login-panel{padding:40px 24px}.verify-top{padding:0 18px}.verify-top .eyebrow{display:none}.verify-form{flex-direction:column}}

/* Keep the decorative rings behind the logo and text on the login/signup panels. */
.login-art:after{z-index:0;pointer-events:none}
.login-art>*{position:relative;z-index:1}