/* UCOCEKO Core V2.0.1 — stable portal/onboarding refinement. CSS-first and scoped. */
:root{--uco2001-core-gold:#dec679;--uco2001-core-cream:#fff8eb;--uco2001-core-muted:#c9d5cd;--uco2001-core-deep:#031b13}
/* Readability across Login / registration / security / onboarding. */
body:is(.uco170-login,.uco169-login,.uco170-register,.uco169-register) :is(h1,h2,h3,h4,label,strong,b,legend){color:var(--uco2001-core-cream)!important}body:is(.uco170-login,.uco169-login,.uco170-register,.uco169-register) :is(p,small,.description,.uco169-compat,.ucn161-hint,.uco1251-login-meta){color:#d6e0da!important}body:is(.uco170-login,.uco169-login,.uco170-register,.uco169-register) a{color:#efd98c!important}body:is(.uco170-login,.uco169-login,.uco170-register,.uco169-register) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){color:#fffaf0!important;background:rgba(3,32,23,.74)!important;border-color:rgba(225,201,123,.28)!important;caret-color:#f4da86!important}body:is(.uco170-login,.uco169-login,.uco170-register,.uco169-register) ::placeholder{color:#aabdb2!important;opacity:1!important}body:is(.uco170-login,.uco169-login,.uco170-register,.uco169-register) :is(button,input[type=submit]){min-height:50px!important;padding-inline:18px!important;border-radius:999px!important}.uco169-password-choice,.uco169-device-button{margin-top:10px!important}.uco169-device-copy p,.uco169-magic__body p{max-width:58ch;margin-inline:auto}
/* Login: desktop independent scroll, one-screen where height allows. */
body.uco170-login{min-height:100dvh!important;overflow-y:auto!important}body.uco170-login main{min-height:100dvh!important}.uco126-auth{min-height:100dvh!important;height:auto!important}.uco126-auth__visual,.uco126-auth__form{min-height:100dvh!important}.uco126-auth__form{overflow-y:auto!important;overscroll-behavior:contain!important;padding-block:clamp(24px,4vh,56px)!important}.uco126-auth__form>*{margin-inline:auto}.uco126-auth__visual{position:relative;overflow:hidden}.uco126-auth__visual::before{content:"";position:absolute;inset:-3%;background:inherit;background-size:cover;background-position:center;transform:scale(1);animation:uco2001LoginZoom 22s ease-in-out infinite alternate}.uco126-auth__visual>*{position:relative;z-index:2}@keyframes uco2001LoginZoom{to{transform:scale(1.045)}}
/* More natural login copy chips and spacing. */
.ucn162-account-options{padding:13px 15px!important;border:1px solid rgba(228,201,121,.16)!important;border-radius:15px!important;background:rgba(255,255,255,.025)!important}.ucn162-account-options strong{color:#fff8e9!important}.ucn162-account-options p{margin:5px 0!important;color:#d8e0da!important}.ucn162-account-options small{color:#afc0b7!important}
/* Portal global rhythm / no giant dead zones. */
body.uco170-account :is(.uco127-main,.uco127-module){padding-top:0!important}body.uco171-premium-portal .uco127-main>section,body.uco171-premium-portal .uco127-module>section,body.uco171-premium-portal .uco127-module>.uco127-card{margin-block:clamp(12px,1.7vw,22px)!important}body.uco171-premium-portal .uco127-card{padding:clamp(18px,2.1vw,26px)!important}body.uco171-premium-portal .uco127-module p{margin-block:6px 14px!important}
/* Desktop admin/profile side panel: real scrolling all the way down, premium groups. */
@media(min-width:1180px){body.uco171-premium-portal .uco127-app.ucn16-account{grid-template-columns:306px minmax(0,1fr)!important;gap:20px!important;padding:16px!important}.uco171-sidebar{top:16px!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important;border-radius:25px!important}.uco171-sidebar__brand{padding:20px 16px 13px!important}.uco171-sidebar__brand img{width:52px!important;height:52px!important}.uco171-sidebar__brand strong{font-size:21px!important}.uco171-sidebar__profile{padding:14px 16px 12px!important}.uco171-sidebar__nav{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:5px 12px 14px!important;scrollbar-gutter:stable;scrollbar-color:rgba(221,196,115,.38) transparent}.uco171-sidebar__nav::-webkit-scrollbar{width:5px}.uco171-sidebar__nav::-webkit-scrollbar-thumb{background:rgba(221,196,115,.38);border-radius:99px}.uco171-sidebar__footer{flex:0 0 auto!important;padding:11px 12px!important;background:rgba(2,23,16,.72)}}
/* Mobile side panel: retain current structure, improve reachability. */
@media(max-width:1179px){#ucn16-account-menu{max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important}.ucn16-drawer-footer{position:sticky!important;bottom:0!important;z-index:5;background:linear-gradient(180deg,rgba(3,27,20,.78),#031b13 28%)!important;padding-bottom:max(14px,env(safe-area-inset-bottom))!important}}
/* Portal banners: dark underlay + quiet UCOCEKO watermark, correct sizing. */
.uco171-hero{isolation:isolate!important;margin:2px 0 clamp(16px,2vw,26px)!important}.uco171-hero__shade{background:linear-gradient(90deg,rgba(1,17,12,.92),rgba(1,18,13,.68) 54%,rgba(1,18,13,.30)),linear-gradient(0deg,rgba(1,15,10,.53),transparent 58%)!important}.uco171-hero::after{content:"UCOCEKO LIFESTYLE";position:absolute;z-index:1;right:clamp(18px,4vw,64px);bottom:clamp(12px,2vw,28px);color:rgba(255,248,225,.065);font:600 clamp(28px,5vw,74px)/.85 Georgia,serif;letter-spacing:.06em;white-space:nowrap;pointer-events:none}.uco171-hero__content{z-index:3!important}.uco171-hero__discover{min-height:44px!important;padding:10px 17px!important;border-radius:999px!important}
@media(max-width:820px){.uco171-hero{min-height:235px!important;border-radius:24px!important}.uco171-hero::after{right:14px;bottom:14px;font-size:30px}.uco171-hero__content{padding:23px 20px!important}.uco171-hero h2{font-size:clamp(30px,9vw,44px)!important}.uco171-hero p{font-size:13px!important;line-height:1.55!important}.uco171-hero__discover{margin-top:10px!important}}
/* Need Help / guided tour: compact, scrollable, never traps mobile. */
.uco170-quick__panel,.uco170-help{max-height:min(70dvh,620px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}.uco171-help-guides button{min-height:48px!important}.uco171-tour-backdrop{backdrop-filter:blur(5px) brightness(.56)!important;background:rgba(2,18,13,.46)!important}.uco171-tour-target{position:relative!important;z-index:1902!important;outline:2px solid rgba(240,216,139,.82)!important;outline-offset:6px!important;border-radius:12px!important;box-shadow:0 0 0 7px rgba(6,51,37,.25),0 0 50px rgba(221,193,107,.18)!important}.uco171-tour-card{border-color:rgba(231,207,132,.32)!important;background:linear-gradient(145deg,rgba(7,51,36,.985),rgba(3,28,20,.985))!important}
/* Silver glissening accent across selected app glass, without touching controls. */
@keyframes uco2001CoreSilver{0%,74%{transform:translateX(-160%);opacity:0}80%{opacity:.45}100%{transform:translateX(210%);opacity:0}}.uco171-hero,.uco171-sidebar,.uco170-quick__panel{position:relative;overflow:hidden}.uco171-hero::before,.uco171-sidebar::before,.uco170-quick__panel::before{content:"";position:absolute;z-index:1;inset:-35% auto -35% -26%;width:12%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),rgba(197,209,205,.07),transparent);transform:translateX(-160%) skewX(-14deg);animation:uco2001CoreSilver 9.5s ease-in-out infinite}.uco171-sidebar>*,.uco170-quick__panel>*{position:relative;z-index:2}
@media(max-width:700px){body:is(.uco170-login,.uco169-login,.uco170-register,.uco169-register) :is(.uco126-auth__form,.ucn169-onboarding__form){text-align:center!important}body:is(.uco170-login,.uco169-login,.uco170-register,.uco169-register) :is(label,.uco169-magic__body label){text-align:left!important}.uco126-auth__visual{min-height:190px!important;height:190px!important}.uco126-auth__form{min-height:calc(100dvh - 190px)!important;padding:20px 14px 32px!important}.uco169-login-experience{margin-inline:auto!important}.ucn162-account-options{text-align:center!important}}
@media(prefers-reduced-motion:reduce){.uco126-auth__visual::before,.uco171-hero::before,.uco171-sidebar::before,.uco170-quick__panel::before{animation:none!important}}