/* Sign in and Apply after the Contra kit's login and sign-up forms (HO-261, his reference images 31 Oct 2026): the seal on top,
   the Anton headline, outlined fields with an icon, the gold button. Black, cream and gold like the app. The first visit on a
   phone opens with the kit's onboarding: four slides, Skip and Next, then Get started. */
body.kauth{background:#000;color:#f4ead3;font-family:"Instrument Sans",system-ui,sans-serif}
body.kauth main.wrap{min-height:calc(100vh - 140px)}
body.kauth .card.auth{background:none;border:0;max-width:400px;margin:28px auto 40px;padding:0 4px;color:#f4ead3}
body.kauth .klogo{width:84px;height:84px;margin:0 auto 14px;border-radius:50%;border:2px solid #d9bb7c;background:#000 url(/assets/img/seal-192.png) center/cover}
body.kauth .kh{font:400 40px/1.02 "Anton",sans-serif;text-transform:uppercase;letter-spacing:.01em;text-align:center;margin:0;color:#fff}
body.kauth .ksub,body.kauth .small{color:#cfc6b2}
body.kauth .ksub{text-align:center;font-size:14px;margin:8px 0 22px}
body.kauth .eyebrow{display:block;text-align:center;color:#d9bb7c}
body.kauth .card.auth a{color:#d9bb7c}
body.kauth .f input:not([type=checkbox]),body.kauth .f textarea{background:#0d0c09 no-repeat 14px 50%/18px;color:#fff;border:1.5px solid #cfc6b2;border-radius:12px;padding:13px 14px 13px 44px;font-size:15px}
body.kauth .f textarea{background-position:14px 15px;min-height:96px}
body.kauth .f input:focus,body.kauth .f textarea:focus{border-color:#d9bb7c;outline:0}
body.kauth .f input::placeholder,body.kauth .f textarea::placeholder{color:#8f887a}
body.kauth .f input[name=name]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfc6b2' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1-4 4.5-6 8-6s7 2 8 6'/%3E%3C/svg%3E")}
body.kauth .f input[name=email]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfc6b2' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
body.kauth .f input[name=password]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfc6b2' stroke-width='1.8'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
body.kauth .f [name=why]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfc6b2' stroke-width='1.8'%3E%3Cpath d='M5 4h14v16H5zM9 9h6M9 13h6'/%3E%3C/svg%3E")}
body.kauth .f .btn{background:#d9bb7c;color:#000!important;border:1.5px solid #000;border-radius:12px;box-shadow:0 4px 0 #3a3326;padding:14px;font-weight:700;font-size:15px}
body.kauth label.chk{color:#e9e2d0}body.kauth label.chk input{accent-color:#d9bb7c;width:18px;height:18px}
body.kauth .msg.err{color:#f0a58f}
body.kauth .foot{background:#000;border-top:1px solid #1f1c17}
@media(max-width:700px){body.kauth .nav{display:none}body.kauth .card.auth{margin-top:max(env(safe-area-inset-top),36px)}}
/* onboarding */
.onb{position:fixed;inset:0;z-index:50;background:#000;color:#f4ead3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 28px calc(env(safe-area-inset-bottom) + 34px)}
.onb[hidden]{display:none}
.onb .pic{width:230px;height:230px;border-radius:50%;background:#d9bb7c center/cover;border:2px solid #000;box-shadow:0 0 0 2px #d9bb7c;display:grid;place-items:center;overflow:hidden}
.onb .pic.seal{background:#000 url(/assets/img/seal-512.png) center/86% no-repeat}
.onb .mc{width:170px;height:107px;border-radius:12px;transform:rotate(-10deg);background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.1),rgba(255,255,255,0) 55%),linear-gradient(160deg,#1b1b1c,#070707 55%,#121213);border:1px solid #2b2b2c;box-shadow:0 18px 30px rgba(0,0,0,.6);text-align:left;padding:12px 14px;box-sizing:border-box;font:400 13px "Anton",sans-serif;letter-spacing:.14em;color:#8a867d}
.onb .k{font-family:Cinzel,serif;font-weight:700;font-size:10px;letter-spacing:.2em;color:#d9bb7c;margin:30px 0 8px;text-transform:uppercase}
.onb h2{font:400 38px/1.02 "Anton",sans-serif;text-transform:uppercase;margin:0;color:#fff}
.onb p{font-size:15px;color:#cfc6b2;max-width:300px;margin:12px auto 0;line-height:1.5}
.onb .dots{display:flex;gap:7px;margin:26px 0 0}.onb .dots i{width:8px;height:8px;border-radius:50%;border:1.5px solid #d9bb7c}.onb .dots i.on{background:#d9bb7c}
.onb .nav2{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:340px;margin-top:30px}
.onb .nav2 button{font:600 15px "Instrument Sans",sans-serif;border-radius:12px;padding:13px;cursor:pointer;border:1.5px solid #cfc6b2;background:none;color:#fff}
.onb .nav2 .nx{background:#d9bb7c;color:#000;border-color:#000;box-shadow:0 4px 0 #3a3326}
.onb .nav2.one{grid-template-columns:1fr}