:root{--ink:var(--color-text);--muted:var(--color-text-secondary);--line:var(--color-border);--paper:var(--color-background);--surface:var(--color-background);--red:var(--color-accent);--red-dark:var(--color-accent-hover);--font:"Inter",sans-serif;--display:"Clash Display",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font)}button,input{font:inherit}button{cursor:pointer}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(450px,1.08fr) minmax(480px,.92fr)}.auth-story{position:relative;min-height:100vh;padding:42px 6vw;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,238,233,.92)),radial-gradient(circle at 72% 27%,#e8cfd0,transparent 30%)}.auth-story:before,.auth-story:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.auth-story:before{width:380px;height:380px;right:-130px;top:12%;background:rgba(142,17,24,.07)}.auth-story:after{width:290px;height:290px;left:-140px;bottom:5%;border:1px solid rgba(142,17,24,.12)}.auth-logo{position:relative;z-index:2;align-self:flex-start}.auth-logo img{width:155px;height:auto;display:block;mix-blend-mode:multiply}.story-copy{position:relative;z-index:2;max-width:590px;margin:auto 0}.eyebrow,.auth-form header span{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.17em}.story-copy h1{max-width:590px;margin:13px 0 20px;font:500 clamp(45px,5.2vw,76px)/1.02 var(--display);letter-spacing:-.065em}.story-copy>p{max-width:520px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}.story-people{display:flex;align-items:center;gap:16px;margin-top:40px}.faces{display:flex}.faces img,.faces span{width:39px;height:39px;margin-left:-9px;border:3px solid var(--paper);border-radius:50%}.faces img:first-child{margin-left:0}.faces span{display:grid;place-items:center;background:var(--ink);color:#fff;font-size:9px;font-weight:700}.story-people p{display:flex;flex-direction:column;margin:0;font-size:12px}.story-people small{margin-top:3px;color:var(--muted)}.floating-story{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);border-radius:15px;box-shadow:0 18px 50px rgba(44,35,32,.1);backdrop-filter:blur(12px)}.floating-story img{width:38px}.floating-story p{display:flex;flex-direction:column;margin:0;font-size:10px}.floating-story p span{color:var(--muted);margin-top:3px}.floating-story time{margin-left:13px;color:var(--red);font-size:8px}.story-one{right:5%;top:18%;transform:rotate(2deg)}.story-two{right:7%;bottom:18%;transform:rotate(-2deg)}.story-icon{width:35px;height:35px;display:grid;place-items:center;background:var(--red);color:#fff;border-radius:10px;font:800 15px var(--display)}.auth-story footer{position:relative;z-index:2;color:#99969a;font-size:9px}.auth-panel{min-height:100vh;display:grid;place-items:center;padding:40px;background:var(--surface);border-left:1px solid var(--line)}.auth-card{width:min(440px,100%)}.mobile-logo{display:none}.auth-tabs{height:48px;padding:4px;display:grid;grid-template-columns:1fr 1fr;background:#f2f0ed;border-radius:13px}.auth-tabs button{border:0;border-radius:10px;background:none;color:var(--muted);font-weight:700;font-size:12px}.auth-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 4px 15px rgba(32,25,22,.08)}.auth-form{display:none;padding-top:37px}.auth-form.active{display:block}.auth-form header{margin-bottom:27px}.auth-form h2{margin:7px 0 7px;font:500 30px/1.15 var(--display);letter-spacing:-.04em}.auth-form header p{margin:0;color:var(--muted);font-size:13px}.auth-form>label,.split-fields label{display:grid;gap:8px;margin-bottom:17px;font-size:11px;font-weight:700}.auth-form input{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:#fcfbfa;color:var(--ink);outline:none;transition:.2s}.auth-form input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(142,17,24,.08);background:#fff}.password-field{display:flex;position:relative}.password-field button{position:absolute;right:11px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--red);font-size:9px;font-weight:700}.password-field input{padding-right:55px}.form-row{display:flex;align-items:center;justify-content:space-between;margin:-3px 0 20px}.remember{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px!important;margin:0!important;color:var(--muted);font-weight:500!important}.remember input{width:15px;height:15px;accent-color:var(--red)}.text-button,.switch-copy button{padding:0;border:0;background:none;color:var(--red);font-size:10px;font-weight:700}.auth-submit{width:100%;height:50px;padding:0 16px;border:0;border-radius:12px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;box-shadow:0 12px 25px rgba(142,17,24,.18);transition:.2s}.auth-submit:hover{background:var(--red-dark);transform:translateY(-1px)}.auth-submit span{font-size:17px}.divider{height:48px;display:flex;align-items:center;color:#aaa7aa;font-size:9px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.divider span{padding:0 12px}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-login button{height:45px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:11px;font-weight:700}.social-login b{margin-right:6px;font-size:14px}.switch-copy{text-align:center;margin:22px 0 0;color:var(--muted);font-size:10px}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.terms{margin:1px 0 18px!important;line-height:1.4}.terms a{color:var(--red)}.auth-toast{position:fixed;right:24px;bottom:24px;padding:12px 17px;border-radius:11px;background:var(--ink);color:#fff;font-size:11px;transform:translateY(80px);opacity:0;transition:.25s}.auth-toast.show{transform:none;opacity:1}
@media(max-width:1000px){.auth-shell{grid-template-columns:.9fr 1.1fr}.story-copy h1{font-size:48px}.floating-story{display:none}}
@media(max-width:760px){.auth-shell{display:block}.auth-story{display:none}.auth-panel{min-height:100vh;padding:28px 20px;border:0;background:linear-gradient(180deg,#f6f1ed,#fff 42%)}.auth-card{max-width:440px}.mobile-logo{display:block;text-align:center;margin:0 auto 23px}.mobile-logo img{width:150px;mix-blend-mode:multiply}.mobile-logo p{margin:-4px 0 0;color:var(--red);font-size:8px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.auth-form{padding-top:28px}.auth-form h2{font-size:27px}}
@media(max-width:420px){.auth-panel{padding:20px 16px}.split-fields{grid-template-columns:1fr;gap:0}.auth-tabs{height:45px}.auth-form header{margin-bottom:22px}.social-login{grid-template-columns:1fr}.divider{height:40px}}
.auth-story{padding-left:7vw;padding-right:7vw;background:#f7f5f2}.auth-story:before,.auth-story:after{display:none}.auth-logo img{width:96px;border-radius:18px}.story-copy{max-width:550px}.story-copy h1{font-size:clamp(44px,4.8vw,68px);max-width:540px}.story-copy>p{max-width:470px;font-size:15px}.story-people{margin-top:32px}.auth-panel{padding:32px 6vw}.auth-card{width:min(410px,100%)}.auth-tabs{background:#f4f2ef}.auth-form{padding-top:32px}.auth-form h2{font-size:28px}.social-login{display:block}.social-login .google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff}.google-button b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1px solid #e2dfdb;color:#4285f4;font-family:var(--font)}.mobile-logo img{width:88px;border-radius:16px;mix-blend-mode:normal}.mobile-logo p{margin-top:8px}
html,body,button,input,textarea,select{font-family:var(--font)}h1,h2{font-weight:500!important}
:root{--ink:var(--color-text);--muted:var(--color-text-secondary);--line:var(--color-border);--paper:var(--color-background);--surface:var(--color-background);--red:var(--color-accent);--red-dark:var(--color-accent-hover)}
.auth-story{background:linear-gradient(145deg,#fff,#f2eaec)}
.auth-panel{border-color:#e6dfe1;background:#fff}
@media(max-width:760px){.auth-panel{background:linear-gradient(180deg,rgba(58,58,63,.58),#fff 38%)}}

html{background:var(--color-canvas)}
:root{--ink:var(--color-text);--muted:var(--color-text-secondary);--line:var(--color-border);--paper:var(--color-background);--surface:var(--color-surface);--red:var(--color-accent);--red-dark:var(--color-accent-hover)}
body,.auth-shell{background:var(--color-background);color:var(--color-text)}
.auth-story{background:linear-gradient(145deg,#0F0F0F,#211D17);color:var(--color-text)}
.auth-panel{background:var(--color-surface);border-color:var(--color-border)}
.auth-tabs{background:#202020}.auth-tabs button{color:var(--color-text-secondary)}.auth-tabs button.active{background:#2A241B;color:var(--color-accent)}
.auth-form input{background:#202020;color:var(--color-text);border-color:var(--color-border)}
.auth-form input:focus{background:#242424;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(58,58,63,.24)}
.auth-submit{background:var(--color-accent);color:#0F0F0F;box-shadow:0 12px 25px rgba(58,58,63,.28)}
.auth-submit:hover{background:var(--color-accent-hover)}
.social-login button{background:#202020;color:var(--color-text);border-color:var(--color-border)}
@media(max-width:760px){.auth-panel{background:var(--color-surface)}}

html,body,.auth-shell{background:var(--color-gradient)!important;background-attachment:fixed!important;color:var(--color-text)}
:root{--ink:var(--color-text);--muted:var(--color-text-secondary);--line:var(--color-border);--paper:transparent;--surface:var(--color-glass);--red:#7657A8;--red-dark:#4F3B68}
.auth-story,.auth-panel,.auth-card{background:var(--color-glass)!important;border-color:var(--color-border)!important;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.auth-story,.auth-panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.auth-panel{background:rgba(255,255,255,.36)!important}
.auth-tabs,.auth-form input,.social-login button{background:rgba(255,255,255,.3)!important;color:var(--color-text)!important;border-color:var(--color-border)!important;backdrop-filter:blur(14px)}
.auth-tabs button.active{background:rgba(74,74,80,.74)!important;color:#4F3B68!important}
.auth-form input:focus{background:rgba(255,255,255,.48)!important;border-color:rgba(118,87,168,.48);box-shadow:0 0 0 3px rgba(118,87,168,.12)}
.auth-submit{background:#3A3A3F!important;color:#241B2F!important;box-shadow:0 12px 28px rgba(84,57,115,.14)}
.auth-submit:hover{background:#FFFFFF!important}
@media(max-width:760px){.auth-panel{background:rgba(255,255,255,.34)!important}}

.auth-story,.auth-panel,.auth-card{background:var(--color-glass)!important;color:var(--color-text)!important;border-color:var(--color-border)!important;box-shadow:0 18px 48px rgba(25,18,34,.24),inset 0 1px 0 rgba(255,255,255,.18)}
.auth-panel{background:rgba(28,28,33,.6)!important}
.auth-tabs,.auth-form input,.social-login button{background:rgba(58,58,63,.56)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}
.auth-tabs button.active{background:#3A3A3F!important;color:#FFFFFF!important}
.auth-form input:focus{background:rgba(74,74,80,.66)!important;border-color:rgba(255,255,255,.28);box-shadow:0 0 0 3px rgba(58,58,63,.24)}
.auth-submit{background:#3A3A3F!important;color:#FFFFFF!important;box-shadow:0 12px 28px rgba(25,18,34,.22)}
.auth-submit:hover{background:#4A4A50!important}
@media(max-width:760px){.auth-panel{background:rgba(28,28,33,.6)!important}}

/* Global white and wine brand palette. */
body{background:var(--color-background)!important;color:var(--color-text)!important}
.auth-panel{background:var(--color-surface)!important;color:var(--color-text)!important;border-color:var(--color-border)!important;box-shadow:0 18px 45px rgba(17,17,17,.08)!important}
.auth-tabs,.auth-form input,.social-login button{background:#FFFFFF!important;color:var(--color-text)!important;border-color:var(--color-border)!important}
.auth-tabs button.active{background:rgba(122,0,25,.09)!important;color:var(--color-accent)!important}
.auth-form input:focus{background:#FFFFFF!important;border-color:var(--color-accent)!important;box-shadow:0 0 0 3px rgba(122,0,25,.12)}
.auth-submit{background:var(--color-accent)!important;color:#FFFFFF!important;box-shadow:0 12px 28px rgba(122,0,25,.2)}
.auth-submit:hover{background:var(--color-accent-hover)!important}
@media(max-width:760px){.auth-panel{background:var(--color-surface)!important}}





.auth-logo img{width:112px;height:112px;object-fit:contain;border-radius:0}.mobile-logo img{width:96px;height:96px;object-fit:contain;border-radius:0}

/* Bright mirror-glass authentication card. */
.auth-panel{background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.44))!important;color:var(--color-text)!important;border-color:rgba(255,255,255,.88)!important;box-shadow:0 20px 50px rgba(71,45,25,.12),inset 0 1px 0 #FFFFFF,inset 0 -1px 0 rgba(212,176,106,.14)!important;backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important}
.auth-panel h1,.auth-panel h2,.auth-panel b{color:var(--color-text)}.auth-panel p,.auth-panel small{color:var(--color-text-secondary)}
@media(max-width:760px){.auth-panel{background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.44))!important}}

/* Final index-page alignment and responsive spacing. */
html,body{min-height:100%;overflow-x:hidden}
.auth-shell{width:100%;min-height:100svh;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);align-items:stretch}
.auth-story{min-width:0;min-height:100svh;padding:clamp(32px,5vw,64px) clamp(34px,7vw,100px)!important;background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(250,247,242,.8))!important}
.auth-logo img{width:112px;height:112px}
.story-copy{width:100%;margin:auto 0;padding:42px 0}
.auth-story footer{margin-top:auto;padding-top:28px}
.auth-panel{min-width:0;min-height:100svh;padding:clamp(28px,5vw,64px)!important;display:flex;align-items:center;justify-content:center;background:transparent!important;border-left:1px solid rgba(212,176,106,.22)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.auth-card{width:min(100%,440px);margin:auto;padding:clamp(26px,3vw,38px);border:1px solid rgba(255,255,255,.9);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.48))!important;box-shadow:0 22px 60px rgba(71,45,25,.12),inset 0 1px 0 #FFFFFF,inset 0 -1px 0 rgba(212,176,106,.14)!important;backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important}
.auth-tabs{width:100%;margin:0}
.auth-form{width:100%;padding-top:30px}
.auth-form header{margin:0 0 25px}
.auth-form>label,.split-fields label{margin-bottom:16px}
.form-row{gap:16px;margin:0 0 20px}
.switch-copy{margin:20px 0 0}
@media(max-width:1000px){.auth-shell{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.auth-story{padding-left:clamp(30px,5vw,56px)!important;padding-right:clamp(30px,5vw,56px)!important}.auth-panel{padding:30px!important}}
@media(max-width:760px){.auth-shell{display:block;min-height:100svh}.auth-panel{width:100%;min-height:100svh;padding:24px 18px!important;border:0!important;align-items:flex-start}.auth-card{width:min(100%,440px);margin:auto;padding:26px 22px;border-radius:22px}.mobile-logo{margin:0 auto 22px}.mobile-logo img{display:block;margin:0 auto;width:88px;height:88px}.auth-form{padding-top:26px}.auth-form h2{font-size:27px}}
@media(max-width:420px){.auth-panel{padding:14px 12px!important}.auth-card{padding:22px 16px 24px;border-radius:19px}.mobile-logo{margin-bottom:18px}.mobile-logo img{width:76px;height:76px}.auth-tabs{height:44px}.auth-form{padding-top:22px}.auth-form header{margin-bottom:21px}.auth-form h2{font-size:25px}.form-row{align-items:flex-start;gap:10px}.remember{max-width:55%}.auth-form input{height:46px}.auth-submit{height:48px}.divider{height:42px}.switch-copy{margin-top:18px}}
@media(max-height:720px) and (min-width:761px){.auth-panel{align-items:flex-start;padding-top:24px!important;padding-bottom:24px!important}.auth-card{margin:auto}.auth-form{padding-top:24px}.auth-form header{margin-bottom:20px}.auth-form>label,.split-fields label{margin-bottom:13px}}