/* uxmail.app and auctions.email (Oct 8 2026). Same family as uxauctions.com: navy, Figtree, Source Serif 4. */
:root{--navy:#0d3270;--navy2:#0a2350;--blue:#1a6ae0;--gold:#f5b73b;--gold2:#a86400;--ink:#1b2333;--ink2:#3d4659;--muted:#6b7488;--line:#e3e7ee;--soft:#f4f6fa;--red:#c2121b;--green:#1f8a4c}
*{box-sizing:border-box}
body{margin:0;font-family:Figtree,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.mw{max-width:1120px;margin:0 auto;padding:0 20px}
.mtest{background:#fff3cd;color:#6b4e00;font-size:13px;text-align:center;padding:6px}
/* header */
.mh{border-bottom:1px solid var(--line);background:#fff}
.mh .mw{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;flex-wrap:wrap}
.mh nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.mh nav a{color:var(--ink2);font-weight:600;font-size:15px}
.net{font-weight:800;letter-spacing:.12em;font-size:13px;color:var(--navy)!important}
.aelogo{font:800 24px Figtree,sans-serif;color:var(--navy)!important;letter-spacing:-.01em}.aelogo i,.aelogo:hover{font-style:normal;text-decoration:none}.aelogo i{color:var(--gold2)}
/* buttons (links styled as buttons, as on the old sites) */
.mbtn{display:inline-block;background:var(--navy);color:#fff!important;font-weight:700;border:0;border-radius:10px;padding:9px 16px;font-size:15px;cursor:pointer;font-family:inherit}
.mbtn:hover{background:var(--navy2);text-decoration:none}
.mbtn.big{padding:13px 24px;font-size:16.5px}.mbtn.wide{width:100%}
.mbtn.ghost{background:#fff;color:var(--navy)!important;border:1.5px solid #c9d3e4}.mbtn.ghost:hover{background:var(--soft)}
.mbtn.gold{background:var(--gold);color:var(--navy2)!important}.mbtn.gold:hover{background:#f0a91a}
.mbtn:disabled{opacity:.6;cursor:wait}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 10px}.ctas.c{justify-content:center}
/* uxmail home */
.uxhero{background:linear-gradient(165deg,#eef3fb 0%,#fff 70%);border-bottom:1px solid var(--line);text-align:center;padding:54px 0 46px}
.uxhero h1{font:800 clamp(40px,8vw,76px)/1 Figtree,sans-serif;color:var(--navy);margin:0 0 18px;letter-spacing:-.02em}.uxhero h1 span{display:block;font-size:.42em;letter-spacing:.3em;color:var(--blue);margin-bottom:8px}
.uxhero .lead{font-size:19px;color:var(--ink2);max-width:640px;margin:0 auto}
.uxhero .ctas{justify-content:center}.tag{color:var(--muted);font-weight:600;margin:6px 0 0}
.addr{display:inline-block;font:700 clamp(20px,4vw,28px) Figtree,sans-serif;color:var(--navy);background:#fff;border:1.5px dashed #b9c8e2;border-radius:12px;padding:12px 20px;margin:20px 0 0;word-break:break-all}.addr span{color:var(--blue)}
.addr.small{font-size:20px;margin:6px 0 14px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px auto}
.mcard{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;box-shadow:0 6px 22px rgba(13,50,112,.07)}
.mcard h3{margin:0 0 6px;color:var(--navy);font-size:19px}.mcard p{margin:0;color:var(--ink2)}
.usearch{text-align:center;padding:10px 20px 50px}.usearch h2{font:700 26px "Source Serif 4",Georgia,serif;color:var(--navy);margin:0 0 16px}
.usearch form{display:flex;gap:10px;max-width:620px;margin:0 auto 16px}.usearch input{flex:1;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid #c9d3e4;border-radius:10px}
.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:900px;margin:0 auto}.tags a{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:6px 13px;font-size:14px;font-weight:600;color:var(--navy)}
/* auctions.email home */
.aehero{background:linear-gradient(165deg,#fffaf0 0%,#fff 60%);border-bottom:1px solid #ecd7a6;padding:50px 0 46px}
.aegrid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.aehero h1{font:700 clamp(34px,5vw,52px)/1.08 "Source Serif 4",Georgia,serif;color:var(--navy);margin:0}
.aehero .addr{border-color:#e6c477}.aehero .addr span{color:var(--gold2)}
.note{color:var(--muted);margin:4px 0 0}
.inbox{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(13,50,112,.16);overflow:hidden}
.ibar{display:flex;gap:8px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--soft)}.ibar span{background:var(--navy);color:#fff;border-radius:999px;font-size:12px;padding:0 8px}
.imsg{display:grid;grid-template-columns:1fr auto;padding:12px 16px;border-bottom:1px solid var(--line);gap:0 10px}.imsg i{font-style:normal;color:var(--muted);font-size:13px}.imsg span{grid-column:1/-1;font-weight:600}.imsg small{grid-column:1/-1;color:var(--muted)}
.itrust{padding:14px 16px;color:var(--ink2);font-size:14.5px}
.msec{padding:44px 20px 20px}.msec.band{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 0 26px;margin:20px 0}
.msec h2{font:700 30px "Source Serif 4",Georgia,serif;color:var(--navy);margin:2px 0 8px}.msec .lead{font-size:18px;color:var(--ink2);max-width:760px}
.msec.center{text-align:center}.msec.center .lead{margin:0 auto}
.kick{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);margin:0}
.uxmail .kick{color:var(--blue)}
/* forms */
.mform-wrap{padding:36px 20px 60px}
.mform{max-width:520px;margin:0 auto;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 10px 34px rgba(13,50,112,.08)}
.mform.wide{max-width:760px}.mform.center{text-align:center}
.mform h1{font:700 28px "Source Serif 4",Georgia,serif;color:var(--navy);margin:0 0 6px}.mform h2{font-size:19px;color:var(--navy);margin:22px 0 6px}
.sub{color:var(--ink2);margin:0 0 18px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mf-l{display:block;margin:0 0 12px}.mf-l>span:first-child{display:block;font-weight:600;font-size:14.5px;margin:0 0 5px}
.mf-l input,.userbox{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1.5px solid #c9d3e4;border-radius:10px;background:#fff}
.userbox{display:flex;align-items:center;padding:0 12px 0 0}.userbox input{border:0;flex:1;min-width:0;outline:0}.userbox b{color:var(--muted);font-weight:600}
.userbox:focus-within,.mf-l input:focus{border-color:var(--blue);outline:2px solid #cfe0fb}
.pw{position:relative}.pw input{padding-right:64px}.eye{position:absolute;right:8px;bottom:8px;border:0;background:var(--soft);border-radius:6px;font:600 13px Figtree,sans-serif;padding:5px 8px;cursor:pointer;color:var(--navy)}
.mhelp{display:block;color:var(--muted);font-size:13.5px;margin:-6px 0 12px}
.avail{margin:-6px 0 12px;font-weight:600;font-size:14.5px}.avail.ok{color:var(--green)}.avail.no{color:var(--red)}
.chk{display:flex;gap:8px;align-items:center;margin:8px 0;font-size:15px}
.hp{position:absolute;left:-9999px}
.ts{margin:12px 0}
.merr{color:var(--red);font-weight:600}.mok{color:var(--green);font-weight:600}
.alt{text-align:center;color:var(--muted);margin:16px 0 0;font-size:15px}
.steps{padding-left:20px}.steps li{margin:0 0 12px}
.mt{border-collapse:collapse;width:100%;margin:8px 0 12px;font-size:15px}.mt th,.mt td{border:1px solid var(--line);padding:8px 10px;text-align:left}.mt th{background:var(--soft)}
/* footer */
.mf{border-top:1px solid var(--line);background:var(--soft);padding:26px 0;margin-top:30px;font-size:14.5px;color:var(--muted)}
.mf nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 10px}.mf nav a{color:var(--ink2);font-weight:600}.mf .soc a{font-weight:500}
.fcols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}.fcols div{display:flex;flex-direction:column;gap:6px}.fcols b{color:var(--ink)}.fcols a{color:var(--ink2)}
.fend{display:flex;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.fend p{margin:0}
@media (max-width:820px){.cards3,.aegrid,.fcols{grid-template-columns:1fr}.hide-s{display:none}.two{grid-template-columns:1fr}.mform{padding:22px 18px}.usearch form{flex-direction:column}}

/* auctions.email, Option D (Terry, Oct 8 2026): calm ivory & gold, his UX gavel, claim box */
body.aemail{background:#fbf8f1}
.mh.ae{background:#fbf8f1;border-bottom:1px solid #ece4d1}.mh.ae .mw{min-height:78px}
.aebrand{display:flex;flex-direction:column;align-items:center;line-height:1}.aebrand:hover{text-decoration:none}.aebrand img{height:34px}.aebrand small{font:800 9.5px Figtree,sans-serif;letter-spacing:.16em;color:#0d3270;margin-top:4px}
.mh.ae nav a{color:#2b2b2b}.mh.ae .si{border:1px solid #e3dccb;border-radius:8px;padding:8px 15px;background:#fff}.mh.ae .su{background:#111}.mh.ae .su:hover{background:#000}
.aehero{position:relative;overflow:hidden;padding:64px 0 76px;border:0;background:radial-gradient(700px 420px at 78% 40%,rgba(233,200,115,.35),transparent 70%),radial-gradient(900px 500px at 10% 0%,#fffdf8,transparent 70%)}
.aehero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#d9c28a,transparent)}
.aemail .aegrid{grid-template-columns:1.25fr .9fr;gap:30px}
.aehero h1{font:800 clamp(42px,6.2vw,80px)/1.02 Figtree,sans-serif;color:#141414;margin:0 0 20px;letter-spacing:-.025em}.aehero h1 span{color:#b08118}
.aehero .sub{font-size:19px;color:#4b463b;max-width:560px;margin:0 0 26px}
.claim{display:flex;align-items:center;background:#fff;border:1px solid #e6dcc4;border-radius:18px;padding:8px;box-shadow:0 20px 50px rgba(90,70,20,.12);max-width:680px}
.claim input{flex:1;min-width:0;border:0;outline:0;font:500 22px Figtree,system-ui,sans-serif;padding:12px 6px 12px 16px;color:#111;background:transparent}
.claim .dom{font:600 21px Figtree,system-ui,sans-serif;color:#111;padding-right:14px;white-space:nowrap}
.claim .go{background:#111;color:#fff;border:0;border-radius:12px;font:800 17px Figtree,system-ui,sans-serif;padding:16px 24px;cursor:pointer;white-space:nowrap}.claim .go:hover{background:#000}
.inc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:18px 0 0;color:#5d5647;font-weight:600}
.inc b{white-space:nowrap;display:inline-flex;background:#fff;border:1px solid #e6c477;color:#8a5f00;border-radius:999px;padding:5px 12px;font-size:13px;letter-spacing:.04em}.inc a{color:#8a5f00;font-weight:700}
.signin{margin:10px 0 0;color:#5d5647}.signin a{color:#111;font-weight:700;text-decoration:underline}
.gavel{justify-self:center;width:118%;max-width:560px;height:auto;margin-right:-40px;filter:drop-shadow(0 26px 24px rgba(70,40,10,.30))}
.aemail .kick{color:#8a5f00}.aemail .msec h2{font-family:Figtree,sans-serif;font-weight:800;color:#141414;letter-spacing:-.01em}
.aemail .msec.band{background:#f5efe2;border-color:#ece4d1}
.aemail .mcard{border-color:#ece4d1;box-shadow:none}.aemail .mcard h3{color:#141414}
.aemail .addr{border-color:#e6c477;background:#fff}.aemail .addr span{color:#b08118}
.aemail .mbtn{background:#111}.aemail .mbtn:hover{background:#000}.aemail .mbtn.ghost{background:#fff;color:#111!important;border-color:#e3dccb}.aemail .mbtn.gold{background:#111;color:#fff!important}
.mf.ae{background:#f5efe2;border-color:#ece4d1}
@media(max-width:820px){.aemail .aegrid{grid-template-columns:1fr}.gavel{max-width:320px;width:90%;margin:0 auto;order:-1}.claim{flex-wrap:wrap}.claim input{font-size:19px}.claim .dom{font-size:18px}.claim .go{width:100%;margin-top:6px}}

/* auctions.email: shorter page, sections combined (Terry, Oct 8 2026) */
.incl{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:44px 20px 10px}
.icol{background:#fff;border:1px solid #ece4d1;border-radius:18px;padding:24px 24px 10px;scroll-margin-top:20px}
.icol h2{font:800 21px Figtree,sans-serif;color:#141414;margin:2px 0 12px}
.icol ul{list-style:none;margin:0;padding:0}.icol li{padding:10px 0 12px 26px;border-top:1px solid #f1ebdc;position:relative}
.icol li:before{content:"✓";position:absolute;left:0;top:10px;color:#b08118;font-weight:800}
.icol li b{display:block;color:#141414}.icol li span{color:#5d5647;font-size:14.5px}
.strip2{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f5efe2;border:1px solid #ece4d1;border-radius:18px;padding:24px 28px;margin:22px auto 0;scroll-margin-top:20px}
.strip2 h2{font:800 21px Figtree,sans-serif;color:#141414;margin:2px 0 6px}.strip2 p{margin:0;color:#4b463b;max-width:780px}
.strip2.sup{background:#fff;margin-bottom:40px}.strip2 .ctas{margin:0;flex-shrink:0}
@media(max-width:820px){.incl{grid-template-columns:1fr}.strip2{flex-direction:column;align-items:flex-start}}

/* uxmail.app: free & friendly (Option A, Terry Oct 8 2026): white, bright blue, rounded */
body.uxmail{--ub:#1a6ae0}
.mh.ux .mw{min-height:66px}.uxlogo{display:flex;align-items:center;gap:6px;font:800 21px Figtree,sans-serif;color:#0d3270!important}.uxlogo:hover{text-decoration:none}.uxlogo img{height:30px}
.ubtn{display:inline-block;background:var(--ub);color:#fff!important;border:0;border-radius:999px;padding:10px 20px;font:700 15.5px Figtree,sans-serif;cursor:pointer;white-space:nowrap}.ubtn:hover{background:#1559c2;text-decoration:none}
.uxmail .mbtn{background:var(--ub);border-radius:999px}.uxmail .mbtn:hover{background:#1559c2}.uxmail .mbtn.ghost{background:#fff;color:var(--ub)!important;border:2px solid #cfe0fb}
.uxmail .uxhero{background:linear-gradient(180deg,#f0f6ff,#fff);border:0;padding:52px 0 34px}
.free{display:inline-block;background:#e3f6ec;color:#1f8a4c;font-weight:800;border-radius:999px;padding:6px 14px;font-size:14px;letter-spacing:.04em}
.uxmail .uxhero h1{font:800 clamp(40px,7vw,68px)/1.05 Figtree,sans-serif;margin:14px 0 12px;letter-spacing:-.01em}.uxmail .uxhero h1 span{display:inline;font-size:1em;letter-spacing:-.01em;color:var(--ub);margin:0}
.uxmail .uxhero .lead{font-size:18px;max-width:560px;margin:0 auto 24px}
.uclaim{display:flex;align-items:center;background:#fff;border:2px solid #cfe0fb;border-radius:999px;padding:6px;max-width:600px;margin:0 auto}
.uclaim:focus-within{border-color:var(--ub)}
.uclaim input{flex:1;min-width:0;border:0;outline:0;font:500 20px Figtree,sans-serif;padding:10px 6px 10px 20px;background:transparent}
.uclaim span{font:600 19px Figtree,sans-serif;color:#3d4659;padding-right:10px;white-space:nowrap}
.uclaim .ubtn{padding:12px 20px;font-size:16px}
.uxmail .tag{margin-top:14px}
.ufeat{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px auto 20px}
.ufeat i{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;font-style:normal;margin-bottom:10px}
.ufeat h3{margin:0 0 4px;color:#0d3270;font-size:18px}.ufeat p{margin:0;color:#3d4659}
.uxmail .usearch{background:#f7f9fc;border-radius:22px;padding:30px 20px;margin:20px auto 30px}.uxmail .usearch h2{font:800 22px Figtree,sans-serif}
.uxmail .usearch input{border-radius:999px}.uxmail .tags a{background:#fff}
.uxmail .mform{border-radius:22px}.uxmail .mform h1{font-family:Figtree,sans-serif;font-weight:800}
@media(max-width:760px){.ufeat{grid-template-columns:1fr}.uclaim{flex-wrap:wrap;border-radius:20px}.uclaim .ubtn{width:100%;margin-top:6px}.uclaim input{font-size:18px}.uclaim span{font-size:17px}}
.ufeat i{background:#eef4fe;color:#1a6ae0;border:1px solid #d6e5fb}.ufeat i svg{display:block}
.uxlogo img{height:48px;width:auto}
.mh.ux .mw{min-height:84px}.uxlogo img{height:66px}@media(max-width:600px){.uxlogo img{height:52px}}

/* uxmail.app minimal pages (Oct 9 2026): light gray, one centered card */
body.mini{background:#eef0f3}
.mini-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px}
.mini-card{background:#fff;border:1px solid #e1e4e9;border-radius:18px;padding:36px 32px;width:100%;max-width:380px;text-align:center}
.mini-card.wide{max-width:520px;text-align:left}
.mini-logo{display:block;height:64px;width:auto;margin:0 auto 26px}
.mini-card h1{font:800 24px Figtree,sans-serif;color:var(--navy);margin:0 0 18px;text-align:center}
.mini-btns{display:flex;flex-direction:column;gap:12px;margin:0}
.mini .mbtn{border-radius:12px}
.mini .mbtn.ghost{border-color:#d5dae2}
.mini-card textarea{width:100%;border:1.5px solid #c9d3e4;border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;resize:vertical}
.mini-copy{color:#8a92a3;font-size:13px;margin:18px 0 0}