
/* V3.4 premium contemporary experience layer - aligned to V2.6.2 branding */
:root{--uco34-deep:#072117;--uco34-deep-2:#0d3325;--uco34-gold:#d8b978;--uco34-cream:#f6ecda;--uco34-forest:#133d2d;--uco34-shadow:0 20px 56px rgba(0,0,0,.18)}
body{overflow-wrap:anywhere}
.uco34-auth-stage,.uco34-register-stage,.uco34-logout-shell,.uco34-lost-shell{position:relative;isolation:isolate}
.uco34-auth-stage{display:grid;grid-template-columns:1.05fr .95fr;min-height:max(76dvh,740px);background:radial-gradient(circle at top left,rgba(220,185,120,.18),transparent 38%),linear-gradient(135deg,#071f17,#123527)}
.uco34-auth-backdrop{position:absolute;inset:0;background:linear-gradient(145deg,rgba(4,24,17,.48),rgba(4,24,17,.08));pointer-events:none}
.uco34-auth-stage .uco900-auth-visual,.uco34-auth-stage .uco900-auth-panel{position:relative;z-index:1}
.uco34-auth-stage .uco900-auth-visual{min-height:100%;background-size:cover;background-position:center;display:flex;align-items:stretch}
.uco34-auth-stage .uco900-auth-visual__copy{margin:auto 0 0;padding:clamp(28px,4vw,54px);backdrop-filter:blur(6px);background:linear-gradient(0deg,rgba(5,27,19,.88),rgba(5,27,19,.2));width:100%}
.uco34-auth-stage .uco900-auth-panel{display:grid;place-items:center;padding:clamp(20px,4vw,48px)}
.uco34-auth-card{position:relative;overflow:hidden;border-radius:28px;box-shadow:var(--uco34-shadow);border:1px solid rgba(216,185,120,.25)}
.uco34-auth-card::before{content:'';position:absolute;inset:auto -12% 72% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(216,185,120,.26),transparent 70%);pointer-events:none}
.uco34-auth-highlights{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none;max-width:36rem}.uco34-auth-highlights li{display:flex;align-items:center;gap:10px;color:#f0e6d3}.uco34-auth-highlights li::before{content:'✦';color:var(--uco34-gold)}
.uco34-auth-footer{display:grid;gap:18px;margin-top:20px}.uco34-mini-progress{height:10px;background:#e8e0cf;border-radius:999px;overflow:hidden;margin:7px 0 8px}.uco34-mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#b9933a,#e4c986,#7da96d);border-radius:inherit;animation:uco34Shimmer 2.2s linear infinite}
@keyframes uco34Shimmer{0%{filter:saturate(.9)}50%{filter:saturate(1.15)}100%{filter:saturate(.9)}}
.uco34-register-stage{padding:clamp(20px,4vw,46px);background:radial-gradient(circle at top right,rgba(216,185,120,.16),transparent 36%),linear-gradient(135deg,#082318,#10392a);color:#f7efdf}
.uco34-register-intro{display:flex;justify-content:space-between;gap:18px;align-items:end;max-width:1200px;margin:0 auto 24px}.uco34-register-intro h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:.2rem 0}.uco34-register-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(270px,380px) minmax(0,1fr);gap:20px}.uco34-onboarding-journey,.uco34-register-form{background:rgba(10,34,25,.72);border:1px solid rgba(216,185,120,.24);border-radius:24px;box-shadow:var(--uco34-shadow);backdrop-filter:blur(16px)}
.uco34-onboarding-journey{padding:26px}.uco34-onboarding-journey h2{font-size:clamp(26px,3vw,36px);line-height:1.05;margin:.35rem 0 1rem;color:#f5e8c8}.uco34-onboarding-journey ol{margin:0;padding:0;list-style:none;display:grid;gap:14px}.uco34-onboarding-journey li{display:grid;gap:4px;padding:14px 14px 14px 18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(216,185,120,.16);position:relative}.uco34-onboarding-journey li::before{content:counter(list-item, decimal-leading-zero);position:absolute;left:-10px;top:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d8b978,#9f7f35);color:#123121;font-weight:800;font-size:12px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.uco34-onboarding-journey span{color:#dce8df;font-size:14px;line-height:1.6}.uco34-journey-meter{margin-top:16px}.uco34-journey-meter div{height:12px;border-radius:999px;background:rgba(248,244,238,.12);overflow:hidden;margin:.5rem 0}.uco34-journey-meter i{display:block;height:100%;background:linear-gradient(90deg,#d8b978,#79a86a);border-radius:inherit}
.uco34-register-form{padding:clamp(20px,3vw,34px)}
.uco34-lost-shell{padding:clamp(22px,4vw,60px);background:radial-gradient(circle at top left,rgba(216,185,120,.22),transparent 32%),linear-gradient(135deg,#082217,#113d2d);min-height:70dvh;display:grid;place-items:center;color:#f8f0de}.uco34-lost-card{max-width:1180px;width:min(100%,1180px);padding:clamp(24px,4vw,42px);border-radius:28px;background:rgba(9,32,23,.72);backdrop-filter:blur(16px);border:1px solid rgba(216,185,120,.2);box-shadow:var(--uco34-shadow)}.uco34-lost-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;align-items:stretch}.uco34-lost-code{font-size:clamp(72px,14vw,170px);line-height:.88;font-weight:800;color:#f6dfac;letter-spacing:-.07em}.uco34-lost-copy h1{font-size:clamp(32px,4vw,58px);margin:8px 0 10px;line-height:1.02}.uco34-lost-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.uco34-lost-panel{display:grid;gap:12px;align-content:start;padding:20px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(216,185,120,.16)}.uco34-lost-panel a{display:grid;gap:4px;padding:14px 15px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(216,185,120,.12);text-decoration:none;color:#f5efe1}
.uco34-logout-shell{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top right,rgba(216,185,120,.17),transparent 34%),linear-gradient(135deg,#071f17,#103628)}.uco34-logout-card{width:min(100%,1040px);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:28px;background:rgba(9,32,23,.78);border:1px solid rgba(216,185,120,.22);box-shadow:var(--uco34-shadow);color:#f7efdd}.uco34-logout-media{min-height:100%;background:var(--uco34-logout-image) center/cover no-repeat;position:relative}.uco34-logout-media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,24,17,.84),rgba(4,24,17,.22))}.uco34-logout-copy{position:absolute;inset:auto 0 0 0;padding:30px;z-index:1}.uco34-logout-copy h1{font-size:clamp(30px,4vw,54px);line-height:1.03;margin:8px 0}.uco34-logout-panel{padding:clamp(24px,4vw,42px);display:grid;align-content:center;gap:16px}.uco34-logout-actions{display:flex;flex-wrap:wrap;gap:12px}.uco34-pill-row{display:flex;gap:8px;flex-wrap:wrap}.uco34-pill-row span{border:1px solid rgba(216,185,120,.25);background:rgba(255,255,255,.03);padding:8px 12px;border-radius:999px;color:#ead9b2;font-size:12px;letter-spacing:.08em}
.uco34-eyebrow{display:inline-block;color:#d8b978;font-size:12px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}
[data-uco34-auth] .uco900-auth-card,[class*="uco34-"] .uco22-btn{transition:transform .24s ease, box-shadow .24s ease, opacity .24s ease}.uco22-btn:hover{transform:translateY(-1px)}
.uco34-fade-up{opacity:0;transform:translateY(16px);animation:uco34Fade .65s ease forwards}.uco34-fade-up:nth-child(2){animation-delay:.08s}.uco34-fade-up:nth-child(3){animation-delay:.16s}.uco34-fade-up:nth-child(4){animation-delay:.24s}@keyframes uco34Fade{to{opacity:1;transform:none}}
.uco22-onboarding-list{display:grid;gap:10px}.uco22-onboarding-list>div{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(8,39,28,.06);border:1px solid rgba(7,44,32,.08)}.uco22-onboarding-list>div span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f2e2ba;color:#193528;font-weight:800}.uco22-onboarding-list>div.is-done{background:rgba(26,110,62,.08);border-color:rgba(26,110,62,.16)}
@media(max-width:1024px){.uco34-auth-stage,.uco34-register-grid,.uco34-lost-grid,.uco34-logout-card{grid-template-columns:1fr}.uco34-auth-stage .uco900-auth-visual{min-height:360px}.uco34-register-intro{display:grid}.uco34-lost-panel{order:-1}.uco34-logout-media{min-height:280px}}
@media(max-width:767px){.uco34-auth-stage{min-height:auto}.uco34-auth-stage .uco900-auth-panel{padding:16px}.uco34-register-stage,.uco34-lost-shell,.uco34-logout-shell{padding:16px}.uco34-lost-actions,.uco34-logout-actions{display:grid}.uco34-lost-actions .uco22-btn,.uco34-logout-actions .uco22-btn{width:100%;justify-content:center}.uco34-register-form,.uco34-onboarding-journey,.uco34-lost-card,.uco34-logout-card{border-radius:22px}.uco34-lost-copy h1,.uco34-logout-copy h1{font-size:clamp(28px,10vw,42px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
