:root{--ink:#e9ebdf;--muted:#96aa9c;--dark:#091f1a;--panel:#f5f3ec;--panel-ink:#18372d;--gold:#d9bd83;--line:#d8d8ca}*{box-sizing:border-box}body{margin:0;background:var(--dark);font-family:'DM Sans',sans-serif;color:var(--panel-ink)}button,input{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(480px,1.05fr);max-width:1500px;margin:auto}.auth-art{position:relative;min-height:100vh;padding:40px 8%;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 15% 75%,#1d4b3b,#091f1a 72%)}.auth-art:before{content:'Δ';position:absolute;right:-60px;bottom:-190px;color:#d9bd8310;font:700 660px/1 Manrope;transform:rotate(-12deg)}.brand{z-index:1;display:flex;align-items:center;gap:11px;font:800 22px/1 Manrope;letter-spacing:3.4px;color:#f1eadb}.brand-symbol{font-size:52px;color:var(--gold);font-weight:500}.brand small{display:block;font:700 7px/1 DM Sans;letter-spacing:2.4px;margin-top:8px}.art-copy{z-index:1;margin:auto 0 20%;max-width:470px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:var(--gold)}.eyebrow i{display:inline-block;width:6px;height:6px;background:#7acba2;border-radius:50%;margin-right:9px}.art-copy h1{font:500 clamp(48px,5vw,76px)/1.02 Manrope;letter-spacing:-3px;margin:26px 0}.art-copy em{font:500 1.2em/1 'Cormorant Garamond',Georgia,serif;color:var(--gold)}.art-copy p{font-size:14px;line-height:1.9;max-width:330px;color:#b1c5b7}.art-footer{z-index:1;font-size:8px;letter-spacing:2px;color:#93a99a}.art-footer b{font-weight:400;color:var(--gold);margin:0 10px}.auth-panel{background:var(--panel);min-height:100vh;padding:40px 9%;position:relative}.back-link{color:#778477;font-size:11px}.form-wrap{max-width:480px;margin:10vh auto 40px}.form-heading h2{font:500 38px/1.15 Manrope;letter-spacing:-1.5px;margin:15px 0 10px}.form-heading p{font-size:13px;color:#7a8378;line-height:1.7}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin:31px 0 25px;gap:24px}.auth-tabs button{background:transparent;color:#899287;font-size:12px;padding:0 0 14px;position:relative}.auth-tabs button.active{color:var(--panel-ink);font-weight:700}.auth-tabs button.active:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold)}label{display:block;font-size:11px;font-weight:600;color:#4d5c51;margin:16px 0}input{display:block;width:100%;border:1px solid #d6dacd;background:#fcfbf7;border-radius:4px;padding:14px 14px;margin-top:7px;color:var(--panel-ink);outline:0;font-size:13px}input:focus{border-color:#b8985c;box-shadow:0 0 0 3px #b8985c1c}input::placeholder{color:#b5b9af}.password-field{position:relative}.password-field input{padding-right:58px}.show-password{position:absolute;right:10px;bottom:11px;background:transparent;font-size:10px;color:#8a7652}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two-col label{margin-top:0}.optional{font-weight:400;color:#9ca297}.form-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.check{display:flex;gap:8px;align-items:flex-start;font-size:10px;font-weight:500;line-height:1.5;color:#788277}.check input{display:inline-block;width:15px;height:15px;margin:0;flex:0 0 auto;accent-color:#987b43}.terms{margin:20px 0}.text-button{background:transparent;color:#887044;font-size:11px;padding:0;text-decoration:underline;text-underline-offset:3px}.submit-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--panel-ink);color:#fff;padding:16px 19px;border-radius:4px;font-size:12px;font-weight:650;transition:transform .2s,background .2s}.submit-button:hover{background:#285b47;transform:translateY(-1px)}.submit-button span{font-size:20px;color:var(--gold)}.form-foot{text-align:center;color:#858e83;font-size:11px;margin-top:21px}.notice{padding:12px 14px;border-radius:4px;font-size:11px;line-height:1.6;margin:12px 0}.notice.error{background:#f8e9e4;color:#9b4d3d;border:1px solid #e9c6bb}.notice.success{background:#eaf4e7;color:#497349;border:1px solid #c9dfc4}.notice.info{background:#eeeae0;color:#6b654d;border:1px solid #ded2b3}.secure-banner{display:flex;align-items:center;gap:10px;background:#e8f0e4;padding:13px;border-radius:4px;color:#52704e;font-size:11px;line-height:1.5;margin-bottom:19px}.secure-banner>span{font-size:18px}.security-note{font-size:10px;line-height:1.7;color:#92998e;margin-top:26px;text-align:center}.form-wrap small{display:block;color:#969b8f;font-size:9px;font-weight:400;margin-top:7px}.success-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e4efd9;color:#4b7448;font-size:26px;margin-bottom:20px}.success-dialog{}dialog{width:min(430px,calc(100% - 30px));border:0;border-radius:10px;padding:35px;background:var(--panel);color:var(--panel-ink);box-shadow:0 25px 90px #0006}dialog::backdrop{background:#071b16b8;backdrop-filter:blur(5px)}dialog h2{font:500 28px/1.2 Manrope;margin:15px 0 10px}dialog p{font-size:12px;color:#778277;line-height:1.8}.account-summary{margin:20px 0;background:#ebece4;border-radius:6px;padding:5px 15px}.account-summary div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #d6d9cf;padding:12px 0}.account-summary div:last-child{border:0}.account-summary span{font-size:8px;letter-spacing:1.2px;color:#878f83}.account-summary strong{font-size:12px;font-weight:600;word-break:break-all}.privacy-copy{font-size:10px}.dialog-close{background:transparent}@media(max-width:820px){.auth-shell{grid-template-columns:1fr}.auth-art{min-height:300px;padding:28px 7%;}.art-copy{margin:65px 0 15px}.art-copy h1{font-size:51px;margin:17px 0}.art-copy p{display:none}.auth-art:before{font-size:420px;right:-45px;bottom:-170px}.auth-panel{min-height:auto;padding:28px 7% 50px}.form-wrap{margin:8vh auto 10px}}@media(max-width:480px){.auth-art{min-height:250px}.brand{font-size:18px}.brand-symbol{font-size:43px}.art-copy{margin-top:45px}.art-copy h1{font-size:43px}.auth-panel{padding-left:6%;padding-right:6%}.form-heading h2{font-size:31px}.two-col{grid-template-columns:1fr;gap:0}.two-col label{margin-top:16px}}
 .art-copy h1{color:var(--ink)}
 .auth-art:before{content:'Δ'}
 .required-label{font-weight:400;color:#9b4d3d;font-size:9px}.referral-preview{background:#eaf4e7;border:1px solid #c9dfc4;border-left:3px solid #6a9b64;border-radius:4px;color:#497349;font-size:11px;line-height:1.5;padding:10px 12px;margin:-6px 0 16px}.referral-preview.error{background:#f8e9e4;border-color:#e9c6bb;border-left-color:#b86654;color:#9b4d3d}
 .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
 .account-summary .sensitive-value{color:#8a7652;font-size:10px}
 .success-dialog-premium{position:relative;isolation:isolate;overflow:hidden;width:min(500px,calc(100% - 28px));padding:0;background:linear-gradient(145deg,#fbfaf4 0%,#f1f2e9 100%);border:1px solid #d9bd8366;border-radius:18px;color:var(--panel-ink);box-shadow:0 35px 110px #0008}.success-dialog-premium::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(130deg,transparent 0 44%,#d9bd831c 44.2%,transparent 45%,transparent 72%,#72ae8720 72.3%,transparent 73%);pointer-events:none}.success-dialog-glow{position:absolute;z-index:-1;width:280px;height:280px;right:-130px;top:-150px;border-radius:50%;background:#d9bd8350;filter:blur(2px)}.success-dialog-top{display:flex;align-items:center;gap:13px;padding:25px 28px 0}.success-dialog-top .success-mark{width:46px;height:46px;flex:0 0 46px;margin:0;background:linear-gradient(145deg,#d9bd83,#a98548);color:#17372e;box-shadow:0 8px 22px #a9854838;font-size:22px}.success-kicker{font-size:8px;letter-spacing:1.6px;font-weight:700;color:#907848}.success-status{display:flex;align-items:center;gap:5px;margin-left:auto;padding:7px 9px;border:1px solid #b9d6b7;border-radius:20px;color:#4e7d51;font-size:7px;letter-spacing:.9px;white-space:nowrap}.success-status i{width:5px;height:5px;border-radius:50%;background:#66aa70;box-shadow:0 0 9px #66aa70}.success-dialog-heading{padding:27px 28px 23px}.success-dialog-heading h2{font:500 31px/1.05 Manrope;letter-spacing:-1.6px;margin:0;color:#17372e}.success-dialog-heading h2 em{font:500 1.14em/1 'Cormorant Garamond',Georgia,serif;color:#a17d42}.success-dialog-heading p{max-width:350px;margin:13px 0 0;font-size:11px;line-height:1.7;color:#7c887d}.success-dialog-premium .account-summary{margin:0 20px;padding:7px 18px;background:#fffef8;border:1px solid #dedfd3;border-radius:10px;box-shadow:0 9px 25px #193e2b0b}.success-dialog-premium .account-summary div{padding:11px 0}.success-dialog-premium .account-summary span{font-size:7px;letter-spacing:1.3px}.success-dialog-premium .account-summary strong{font-size:11px}.success-dialog-premium .account-summary .sensitive-value{color:#8a7652;font-size:9px}.success-dialog-note{display:flex;align-items:flex-start;gap:9px;margin:17px 28px 0;padding:11px 12px;border:1px solid #e3d5b6;border-radius:7px;background:#f8f1df;color:#806c43}.success-dialog-note>span{font-size:15px;color:#a7813e}.success-dialog-note p{margin:0;font-size:9px;line-height:1.55}.success-dialog-button{width:calc(100% - 56px);margin:20px 28px 27px;padding:14px 16px}.success-dialog-premium .privacy-copy{display:none}@media(max-width:480px){.success-dialog-top{padding:21px 20px 0;gap:9px}.success-kicker{font-size:7px;letter-spacing:1px}.success-status{font-size:6px;padding:6px 7px}.success-dialog-heading{padding:23px 20px 19px}.success-dialog-heading h2{font-size:28px}.success-dialog-premium .account-summary{margin:0 14px;padding:5px 13px}.success-dialog-note{margin-left:20px;margin-right:20px}.success-dialog-button{width:calc(100% - 40px);margin-left:20px;margin-right:20px}}

/* Supabase-hosted Delta International logo */
.auth-brand{display:inline-flex;align-items:center;justify-content:center;width:104px;height:104px;gap:0}
.auth-brand .brand-logo{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 10px 22px #0004)}
.success-dialog-logo{display:flex;justify-content:center;padding:24px 28px 0}
.success-dialog-logo-image{display:block;width:92px;height:92px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 8px 18px #8d6d3035)}
@media(max-width:480px){.auth-brand{width:84px;height:84px}.success-dialog-logo{padding:20px 20px 0}.success-dialog-logo-image{width:78px;height:78px}}

/* Use the Supabase logo as the subtle auth watermark as well. */
.auth-art:before{content:"";width:540px;height:540px;right:-120px;bottom:-175px;background:url("https://jchyqemoljkobmvvacxc.supabase.co/storage/v1/object/public/logo/logo.jpg") center/contain no-repeat;opacity:.13;filter:drop-shadow(0 14px 30px #0005);mix-blend-mode:screen;font-size:0;transform:rotate(-12deg)}
@media(max-width:820px){.auth-art:before{width:430px;height:430px;right:-80px;bottom:-145px}}
@media(max-width:480px){.auth-art:before{width:350px;height:350px;right:-70px;bottom:-110px}}

/* Logo blend correction */
.auth-brand .brand-logo,.success-dialog-logo-image,.auth-art:before{mix-blend-mode:lighten}

/* Logo tile treatment */
.auth-brand{padding:5px;border:1px solid #d9bd8366;border-radius:18px;background:#061b16;box-shadow:0 12px 26px #0005}
.auth-brand .brand-logo{mix-blend-mode:normal;border-radius:12px}
.success-dialog-logo-image{mix-blend-mode:normal;border:1px solid #d9bd8366;border-radius:14px;box-shadow:0 8px 20px #071c1730}
