:root{color-scheme:light;--navy:#1c2f4e;--gold:#edbd67;--ink:#172a43;--muted:#657181;--line:#e4e8ed}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.auth-page{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:48px 24px;background:#eef1f1;background-image:radial-gradient(ellipse at 0 0,#dce6e5,transparent 60%);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.auth-app{width:min(100%,1080px);display:grid;grid-template-columns:1.03fr 1fr;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 24px 90px #1c2f4e17;border:1px solid #fff}
.auth-voyage{position:relative;display:flex;flex-direction:column;min-height:660px;padding:36px 40px;color:#fff;background:linear-gradient(180deg,#1c2f4e 0%,#152e488c 48%,#102d43e8 100%),url('/assets/public/coast-hero-v2.jpg') center/cover}
.auth-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:#edf1f5;text-decoration:none;font-size:12px;min-height:44px;margin-left:-8px}.auth-back svg{width:18px}
.auth-brand{display:flex;align-items:center;gap:14px;text-decoration:none;margin-top:36px}.auth-logo{position:relative;width:74px;height:74px;overflow:hidden;border-radius:18px;background:var(--navy);border:1px solid #e2b96b55}.auth-logo img{position:absolute;max-width:none;width:174%;height:174%;left:-37%;top:-35%;object-fit:contain}.auth-brand-name{font-family:Georgia,serif;letter-spacing:6px;font-size:28px}.auth-brand-name small{display:block;font-family:system-ui,sans-serif;font-size:8px;letter-spacing:2.5px;margin-top:7px;color:#ead5af}
.auth-voyage-copy{margin-top:auto;padding:62px 0}.auth-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#947030}.auth-voyage-copy .auth-eyebrow{color:#f1ce8f}.auth-voyage-copy h2{font-family:Georgia,serif;font-weight:400;font-size:52px;line-height:1.12;letter-spacing:-1.8px;margin:22px 0}.auth-voyage-copy p{font-size:13px;line-height:1.9;color:#e2e9ee}.auth-voyage-foot{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2px;color:#e3d1b4}.auth-dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.auth-panel{padding:36px 44px 0;background:#fff}.auth-tabs{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px;margin-bottom:42px}.auth-tabs a{text-decoration:none;padding:14px 0;color:var(--muted)}.auth-tabs a.is-active{color:var(--ink);font-weight:700;position:relative}.auth-tabs a.is-active:after{content:"";height:3px;background:var(--gold);position:absolute;bottom:-1px;left:0;right:0;border-radius:2px}.auth-tabs span{margin-left:8px}
.auth-intro h1{font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:1.15;letter-spacing:-1.2px;margin:13px 0}.auth-intro p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 28px}.auth-form{display:grid;gap:21px}.auth-field label{font-size:12px;font-weight:650;display:block}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-label-row a{font-size:11px;color:#627185;text-underline-offset:3px}
.auth-input{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 16px;border:1px solid var(--line);border-radius:14px;background:#f8fafb;margin-top:9px;transition:border-color .15s,box-shadow .15s}.auth-input>svg{color:#8590a0;width:19px;height:19px}.auth-input:focus-within{border-color:#b38941;box-shadow:0 0 0 3px #edbd6726;background:#fff}.auth-input input{width:100%;min-width:0;height:54px;background:transparent;border:0;outline:0;color:var(--ink);font-size:16px}.auth-input input::placeholder{font-size:13px;color:#8590a0}.auth-password-toggle{display:grid;place-items:center;border:0;background:transparent;color:#738092;cursor:pointer;min-width:44px;min-height:44px;margin-right:-12px;padding:8px}.auth-password-toggle[hidden]{display:none}.auth-password-toggle svg{width:20px;height:20px}.eye-slash{display:none}.auth-password-toggle[aria-pressed="true"] .eye-slash{display:block}
.auth-submit{display:flex;align-items:center;justify-content:center;gap:18px;min-height:56px;margin-top:5px;border:1px solid #e5b453;border-radius:14px;background:linear-gradient(115deg,#f2d191,#eabd66);color:#28334a;font-size:13px;font-weight:750;box-shadow:0 8px 20px #c8a24f1a;cursor:pointer}.auth-submit svg{width:18px;height:18px}.auth-submit:hover{background:#f2ce86}.auth-submit:active{transform:translateY(1px)}
.auth-register{text-align:center;font-size:12px;color:var(--muted);margin:23px 0 28px}.auth-register a{font-weight:700;color:var(--ink);text-decoration:none;margin-left:4px}.auth-benefits{display:flex;justify-content:space-between;gap:8px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.auth-benefits span{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:10px;color:#6a7685}.auth-benefits svg{color:#a8864f;width:21px;height:21px}.auth-team{text-align:center;font-size:10px;line-height:1.8;color:#7d8796;margin:22px 0 24px}.auth-bottom{display:flex;align-items:center;justify-content:space-around;padding:14px 0 17px;border-top:1px solid var(--line)}.auth-bottom a{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a94a0;text-decoration:none;min-height:36px}.auth-bottom svg{width:17px;height:17px}.auth-bottom a[aria-current]{color:var(--ink);font-weight:700}.auth-error{font-size:13px;line-height:1.6;padding:14px 16px;background:#fff3ef;border:1px solid #f2c8bb;color:#8b3b29;border-radius:12px;margin-bottom:20px}
a:focus-visible,button:focus-visible{outline:3px solid #b58b3d;outline-offset:4px;border-radius:5px}
@media(max-width:760px){.auth-page{padding:0;background:var(--navy);display:block}.auth-app{width:100%;max-width:500px;min-height:100vh;min-height:100svh;margin:auto;display:flex;flex-direction:column;border-radius:0;border:0;box-shadow:none;background:var(--navy)}.auth-voyage{min-height:230px;padding:max(14px,env(safe-area-inset-top)) 26px 42px;background-position:center 45%}.auth-back{font-size:11px;min-height:36px}.auth-brand{margin-top:19px;gap:12px}.auth-logo{width:63px;height:63px;border-radius:16px}.auth-brand-name{font-size:24px;letter-spacing:5px}.auth-brand-name small{font-size:7px;letter-spacing:2px}.auth-voyage-copy{padding:0;margin-top:22px}.auth-voyage-copy .auth-eyebrow,.auth-voyage-copy p,.auth-voyage-foot{display:none}.auth-voyage-copy h2{font-size:20px;letter-spacing:-.3px;margin:0;color:#f5dfb4}.auth-voyage-copy h2 br{display:none}.auth-panel{position:relative;flex:1;padding:16px 26px 0;margin-top:-24px;border-radius:28px 28px 0 0}.auth-tabs{margin-bottom:27px}.auth-intro h1{font-size:34px}.auth-intro p{font-size:12px;margin-bottom:24px}.auth-form{gap:19px}.auth-register{margin:23px 0}.auth-benefits{padding:20px 0}.auth-team{margin:17px 0}.auth-bottom{margin:0 -26px;padding:12px 20px max(12px,env(safe-area-inset-bottom))}.auth-bottom a{flex-direction:column;gap:5px;min-width:64px;font-size:9px}.auth-bottom svg{width:19px;height:19px}}
@media(max-width:360px){.auth-panel{padding-left:20px;padding-right:20px}.auth-intro h1{font-size:30px}.auth-bottom{margin-left:-20px;margin-right:-20px}.auth-benefits span{font-size:9px}.auth-brand-name{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.auth-submit:active{transform:none}}