/* Login-only presentation. Kept separate so it cannot restyle the inventory screens. */
.login-page{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:#f8f7f4;color:#182536;font-family:"Segoe UI",Arial,sans-serif;overflow:hidden}
.login-brand{position:relative;isolation:isolate;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(42px,7vw,112px);color:#fff;background:#102332;overflow:hidden}
.login-brand::before,.login-brand::after{position:absolute;z-index:-1;inset:0;content:""}
.login-brand::before{background:url("assets/login-tools-illustration.svg") center/cover no-repeat;transform:scale(1.015);animation:login-scene-in 1.2s ease-out both}
.login-brand::after{background:linear-gradient(90deg,rgba(9,20,31,.94) 0%,rgba(11,24,36,.78) 42%,rgba(12,26,38,.13) 100%),linear-gradient(0deg,rgba(8,17,27,.48),transparent 35%)}
.login-brand-content{width:min(100%,540px);position:relative;z-index:1;animation:login-copy-in .7s .08s ease-out both}
.login-logo{display:block;width:min(100%,340px);height:auto;max-height:none;object-fit:contain;margin:0 0 clamp(42px,8vh,90px);border:7px solid rgba(255,255,255,.92);border-radius:13px;box-shadow:0 16px 48px rgba(0,0,0,.24)}
.login-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 19px;color:#efbd75;font-size:11px;font-weight:750;letter-spacing:.19em}
.login-eyebrow span{width:24px;height:2px;background:#efbd75;border-radius:9px}
.login-brand h1{margin:0;font-size:clamp(42px,5vw,70px);line-height:1.03;letter-spacing:-.055em;font-weight:760;text-shadow:0 2px 20px #07121b55}
.login-brand-copy{margin:22px 0 0;color:#d5e0e4;font-size:clamp(15px,1.45vw,18px);line-height:1.7}
.login-brand-footer{display:flex;align-items:center;gap:11px;margin-top:clamp(35px,7vh,70px);color:#e1e7e8;font-size:12px;letter-spacing:.035em}
.login-brand-footer i{display:inline-block;width:3px;height:3px;margin:0 9px 3px;border-radius:50%;background:#e8ad62}
.login-online-dot{width:8px;height:8px;border-radius:50%;background:#7fd3a2;box-shadow:0 0 0 5px #7fd3a222}
.login-image-credit{position:absolute;right:25px;bottom:20px;color:#ffffff70;font-size:10px;letter-spacing:.08em}
.login-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(30px,6vw,88px);background:radial-gradient(ellipse at 90% 4%,#f4e8d3 0,transparent 29%),#fbfaf7}
.login-form{width:min(100%,420px);animation:login-copy-in .65s .12s ease-out both}
.login-lock{display:grid;place-items:center;width:48px;height:48px;margin-bottom:28px;border:1px solid #eadcc8;border-radius:14px;background:#fffaf2;color:#a86834;box-shadow:0 5px 15px #644b2610}
.login-lock svg{width:23px;height:23px}
.login-kicker{margin:0 0 8px;color:#a56836;font-size:11px;font-weight:750;letter-spacing:.18em}
.login-form h2{margin:0;color:#172638;font-size:clamp(30px,3vw,38px);line-height:1.15;letter-spacing:-.04em}
.login-intro{margin:12px 0 32px;color:#78828a;font-size:14px;line-height:1.6}
.login-form label{display:block;margin:19px 0 8px;color:#344454;font-size:12px;font-weight:700;letter-spacing:.025em}
.login-input-wrap{position:relative;display:flex;align-items:center;height:54px;border:1px solid #dedfdc;border-radius:11px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.login-input-wrap:focus-within{border-color:#bd8046;box-shadow:0 0 0 4px #bd804617;transform:translateY(-1px)}
.login-input-wrap>svg{flex:none;width:19px;height:19px;margin-left:16px;stroke:#89949b;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
.login-input-wrap input{width:100%;height:100%;min-width:0;padding:0 14px;border:0;outline:0;border-radius:inherit;background:transparent;color:#1e2b37;font:inherit;font-size:14px;box-shadow:none}
.login-input-wrap input::placeholder{color:#a5aaad}
.password-toggle{margin-right:10px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#9c693d;font-size:11px;font-weight:750}
.password-toggle:hover{background:#f8f1e8}
.login-error{min-height:18px;margin:8px 0 0!important;color:#a8332d!important;font-size:12px!important;line-height:1.45}
.login-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;margin-top:15px;border:0;border-radius:11px;background:linear-gradient(100deg,#a85c31,#c17c3b 56%,#cf954f);color:#fff;font-size:14px;font-weight:730;box-shadow:0 9px 22px #a45e3530;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.login-submit:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 13px 25px #a45e3540}
.login-submit:active{transform:translateY(0)}
.login-submit:disabled{opacity:.68;cursor:wait;transform:none}
.login-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.login-secure{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 0;color:#98a0a3;font-size:11px}
.login-secure span{color:#b57943;font-size:14px}
.login-copyright{position:absolute;right:24px;bottom:18px;left:24px;color:#a1a6a5;text-align:center;font-size:10px;letter-spacing:.02em}
@keyframes login-scene-in{from{transform:scale(1.055);filter:brightness(.75)}to{transform:scale(1.015);filter:brightness(1)}}
@keyframes login-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.login-page{grid-template-columns:minmax(0,1fr) minmax(370px,.9fr)}.login-brand{padding:clamp(32px,6vw,62px)}.login-logo{width:min(100%,290px);margin-bottom:clamp(32px,6vh,58px)}.login-brand h1{font-size:clamp(40px,6vw,58px)}.login-panel{padding:clamp(28px,5vw,55px)}}
@media(max-width:680px){.login-page{grid-template-columns:1fr;overflow:visible}.login-brand{min-height:410px;min-height:52svh;padding:35px 28px 44px;justify-content:flex-end}.login-brand::before{background-position:58% center}.login-brand::after{background:linear-gradient(0deg,rgba(8,19,29,.95),rgba(8,19,29,.42) 65%,rgba(8,19,29,.1))}.login-logo{position:absolute;top:28px;left:0;width:min(72%,270px);margin:0;border-width:5px;border-radius:10px}.login-eyebrow{margin-bottom:13px;font-size:9px}.login-brand h1{font-size:clamp(38px,11vw,55px)}.login-brand-copy{margin-top:12px;font-size:14px}.login-brand-footer{margin-top:22px;font-size:10px}.login-image-credit{display:none}.login-panel{min-height:470px;padding:42px 27px 68px;align-items:flex-start}.login-form{max-width:460px;margin:0 auto}.login-lock{margin-bottom:20px}.login-intro{margin-bottom:24px}.login-copyright{bottom:17px}}
@media(max-width:380px){.login-brand{min-height:370px;padding-right:22px;padding-left:22px}.login-panel{padding-right:22px;padding-left:22px}.login-brand-footer i{margin-right:5px;margin-left:5px}}
@media(prefers-reduced-motion:reduce){.login-brand-content,.login-form,.login-brand::before{animation:none}.login-input-wrap,.login-submit{transition:none}}

/* Opening screen styles */
/* Hardware themed opening screen */
.splash-screen{--splash-gold:#f1bc72;position:relative;isolation:isolate;display:flex;min-height:100vh;min-height:100svh;flex-direction:column;overflow:hidden;padding:clamp(20px,4vw,48px) clamp(22px,6vw,88px);background:#102331;color:#fff;font-family:"Segoe UI",Arial,sans-serif;animation:splash-arrive .55s ease-out both}.splash-building,.splash-shade{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.splash-building{object-position:center 52%;animation:splash-scene 1.6s ease-out both}.splash-shade{z-index:-1;background:linear-gradient(90deg,#0b1a26f2 0%,#102534e8 43%,#102534a6 72%,#102534bd 100%),linear-gradient(0deg,#0c1922c9,transparent 46%)}.splash-header{display:flex;align-items:center;gap:12px}.splash-header img{width:46px;height:46px;object-fit:contain;background:#fff;border:3px solid #fff;border-radius:12px;box-shadow:0 8px 25px #0003}.splash-header>span{font-size:13px;letter-spacing:.12em;font-weight:500}.splash-header>span b{font-weight:850}.splash-header small{margin-left:5px;padding-left:14px;border-left:1px solid #ffffff45;color:#d3dde0;font-size:9px;letter-spacing:.17em}.splash-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center;gap:30px;flex:1;width:min(100%,1220px);margin:0 auto}.splash-copy{position:relative;z-index:1;padding:30px 0;animation:splash-copy-in .7s .1s ease-out both}.splash-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:var(--splash-gold);font-size:10px;font-weight:800;letter-spacing:.19em}.splash-eyebrow i,.splash-badge-dot{width:8px;height:8px;border-radius:50%;background:#7fd6ac;box-shadow:0 0 0 5px #7fd6ac22}.splash-copy h1{margin:0;font-size:clamp(48px,7vw,90px);line-height:.98;letter-spacing:-.065em;font-weight:770}.splash-copy h1 em{color:var(--splash-gold);font-style:normal}.splash-description{max-width:470px;margin:22px 0 0;color:#d1dde2;font-size:clamp(14px,1.5vw,18px);line-height:1.7}.splash-trust{display:flex;flex-wrap:wrap;gap:9px 19px;margin-top:26px;color:#d8e1e4;font-size:10px}.splash-trust span{display:flex;align-items:center;gap:7px}.splash-trust b{display:grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff38;border-radius:7px;color:#f2bf7a;font-size:8px}.splash-continue{display:inline-flex;align-items:center;gap:26px;min-height:48px;margin-top:34px;padding:0 18px;border:1px solid #f1bc72;border-radius:10px;background:linear-gradient(135deg,#f0bd78,#d9954e);color:#172631;font-size:12px;font-weight:800;box-shadow:0 9px 28px #da9a5138;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.splash-continue:hover{transform:translateY(-2px);box-shadow:0 14px 32px #da9a5150}.splash-continue:focus-visible{outline:3px solid #fff;outline-offset:3px}.splash-continue span{font-size:19px;line-height:1}.splash-showcase{position:relative;display:grid;place-items:center;min-height:400px;animation:splash-art-in .85s .15s ease-out both}.splash-orbit{position:absolute;width:min(31vw,390px);aspect-ratio:1;border:1px solid #efc4893b;border-radius:50%;box-shadow:0 0 0 28px #efc4890c,0 0 0 62px #efc48909, inset 0 0 65px #efc48912}.splash-product{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff2a;background:linear-gradient(145deg,#ffffffed,#eef1f0e8);color:#253b49;box-shadow:0 24px 70px #02080d66;backdrop-filter:blur(9px)}.splash-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 10px #1c2e3a26)}.splash-product-main{z-index:2;width:clamp(160px,18vw,228px);height:clamp(190px,22vw,264px);padding:24px;border-radius:26px;transform:rotate(-5deg)}.splash-product-main img{height:74%;padding:7px}.splash-product-main span{text-align:center;color:#37515e;font-size:9px;font-weight:850;letter-spacing:.13em;line-height:1.5}.splash-product-small{position:absolute;width:108px;height:115px;padding:13px;border-radius:19px}.splash-product-small img{height:78%}.splash-product-small span{color:#677986;font-size:7px;font-weight:850;letter-spacing:.12em}.splash-product-tiles{top:9%;left:7%;transform:rotate(-12deg)}.splash-product-light{top:16%;right:5%;transform:rotate(9deg)}.splash-product-cement{bottom:13%;left:8%;transform:rotate(8deg)}.splash-build-badge{position:absolute;z-index:3;right:0;bottom:10%;display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid #ffffff25;border-radius:13px;background:#122a37e8;box-shadow:0 14px 36px #0004;backdrop-filter:blur(10px)}.splash-badge-dot{flex:none;width:7px;height:7px}.splash-build-badge div{display:grid;gap:4px}.splash-build-badge b{font-size:8px;letter-spacing:.12em;color:#f1c17f}.splash-build-badge small{color:#d2dfe3;font-size:9px}.splash-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;border-top:1px solid #ffffff24;color:#cbd6d9;font-size:9px;letter-spacing:.07em}.splash-footer>span:last-child{color:#e8c18c;font-size:8px;letter-spacing:.13em}.splash-footer i{display:inline-block;width:3px;height:3px;margin:0 7px 2px;border-radius:50%;background:#e8c18c}.splash-progress{position:absolute;right:0;bottom:0;left:0;height:3px;background:#ffffff19}.splash-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#c88748,#f4d397);animation:splash-progress 2.8s linear both}.splash-screen.splash-exit{opacity:0;transform:scale(1.015);transition:opacity .42s ease,transform .42s ease;pointer-events:none}@keyframes splash-arrive{from{opacity:0}to{opacity:1}}@keyframes splash-scene{from{transform:scale(1.045);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes splash-copy-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-art-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes splash-progress{to{transform:scaleX(1)}}@media(max-width:760px){.splash-screen{padding:20px 24px 16px}.splash-header img{width:39px;height:39px}.splash-header small{font-size:7px}.splash-content{grid-template-columns:1fr;gap:0;padding:28px 0 18px}.splash-copy{padding:14px 0 0}.splash-copy h1{font-size:clamp(48px,12vw,72px)}.splash-description{max-width:410px;margin-top:15px;font-size:14px}.splash-trust{margin-top:16px}.splash-continue{margin-top:21px}.splash-showcase{position:absolute;right:-100px;top:20%;width:48%;min-height:300px;opacity:.42;pointer-events:none}.splash-orbit{width:250px}.splash-product-main{width:145px;height:170px}.splash-product-small{width:78px;height:84px}.splash-build-badge{display:none}.splash-footer{font-size:8px}.splash-footer>span:last-child{font-size:7px}}@media(max-width:520px){.splash-screen{padding:16px 18px 14px}.splash-content{align-content:center}.splash-eyebrow{font-size:8px}.splash-description{max-width:310px;font-size:12px}.splash-trust{max-width:290px;gap:8px 12px;font-size:9px}.splash-trust b{width:19px;height:19px}.splash-showcase{right:-130px;top:26%;width:68%;opacity:.3}.splash-footer>span:first-child{max-width:48%;line-height:1.5}.splash-footer>span:last-child{max-width:48%;text-align:right;line-height:1.8}}@media(prefers-reduced-motion:reduce){.splash-screen,.splash-building,.splash-copy,.splash-showcase,.splash-progress i{animation:none}.splash-screen.splash-exit{transition:none}}

/* Refresh-only house demolition animation */
.refresh-smash{--smash-gold:#f2bd73;position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100svh;overflow:hidden;padding:clamp(20px,4vw,48px) clamp(22px,6vw,76px) 20px;background:radial-gradient(ellipse at 78% 52%,#23414d 0,#152e3b 40%,#101d29 78%);color:#f7f4ec;font-family:"Segoe UI",Arial,sans-serif;animation:smash-screen-in .35s ease-out both}.smash-topline{display:flex;align-items:center;gap:12px;color:#dbe3e1;font-size:9px;font-weight:750;letter-spacing:.15em}.smash-topline img{width:42px;height:42px;object-fit:contain;border:3px solid #fff;border-radius:11px;background:#fff}.smash-topline i,.smash-bottom i{display:inline-block;width:7px;height:7px;margin:0 7px;border-radius:50%;background:#78d2a7;box-shadow:0 0 0 4px #78d2a722}.smash-scene{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(390px,1.2fr);align-items:center;gap:20px;width:min(100%,1160px);margin:auto}.smash-copy{position:relative;z-index:2;padding:30px 0}.smash-kicker{color:var(--smash-gold);font-size:10px;font-weight:850;letter-spacing:.2em}.smash-copy h1{margin:13px 0;color:#fff;font-size:clamp(37px,5vw,66px);line-height:1.04;letter-spacing:-.055em}.smash-copy>p{max-width:360px;margin:14px 0 25px;color:#c1d0d4;font-size:13px;line-height:1.7}.smash-copy button{display:inline-flex;align-items:center;gap:17px;min-height:40px;padding:0 14px;border:1px solid #ffffff32;border-radius:9px;background:#ffffff0b;color:#f5f3ec;font-size:10px;font-weight:700;cursor:pointer}.smash-copy button:hover{border-color:#f2bd73;background:#f2bd7314}.smash-copy button:focus-visible{outline:3px solid var(--smash-gold);outline-offset:3px}.smash-copy button b{color:var(--smash-gold);font-size:17px}.smash-art{position:relative;display:grid;place-items:center;min-height:430px}.smash-art svg{position:relative;z-index:1;width:min(100%,660px);height:auto;overflow:visible}.smash-glow{position:absolute;right:13%;bottom:12%;width:66%;height:23%;border-radius:50%;background:#d4985630;filter:blur(35px)}.smash-house{transform-box:fill-box;transform-origin:50% 100%;animation:smash-house-collapse 1.1s .82s cubic-bezier(.55,.02,.76,.35) forwards}.smash-crack{opacity:0;animation:smash-crack-show .12s .91s linear forwards}.smash-hammer{transform-box:view-box;transform-origin:545px 88px;animation:smash-hammer-hit 1.05s .1s cubic-bezier(.5,0,.66,1) both}.smash-rubble{opacity:0;transform:translateY(16px);animation:smash-rubble-show .4s 1.65s ease-out forwards}.smash-sparks{opacity:0;animation:smash-sparks-show .3s 1.02s ease-out both}.smash-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#b9c8cb;font-size:8px;font-weight:750;letter-spacing:.13em}.smash-bottom>span{display:flex;align-items:center}.smash-progress{width:min(180px,24vw);height:3px;overflow:hidden;border-radius:8px;background:#ffffff20}.smash-progress b{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#bf7c43,#f2bd73);animation:smash-progress-fill 2.45s linear both}.refresh-smash.smash-exit{opacity:0;transform:scale(1.01);transition:opacity .34s ease,transform .34s ease;pointer-events:none}@keyframes smash-screen-in{from{opacity:0}to{opacity:1}}@keyframes smash-hammer-hit{0%{transform:rotate(-58deg) translateY(-18px)}42%{transform:rotate(-58deg) translateY(-18px)}61%{transform:rotate(47deg) translateY(14px)}72%{transform:rotate(22deg) translateY(0)}100%{transform:rotate(22deg) translateY(0)}}@keyframes smash-house-collapse{0%{transform:translateY(0) skewX(0) scaleY(1);opacity:1}23%{transform:translateY(3px) skewX(-3deg) scaleY(.91);opacity:1}54%{transform:translateY(24px) skewX(5deg) scaleY(.64);opacity:.92}100%{transform:translateY(175px) skewX(-8deg) scaleY(.035);opacity:0}}@keyframes smash-crack-show{to{opacity:.92}}@keyframes smash-rubble-show{to{opacity:1;transform:translateY(0)}}@keyframes smash-sparks-show{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.2)}100%{opacity:0;transform:scale(1)}}@keyframes smash-progress-fill{to{transform:scaleX(1)}}@media(max-width:760px){.refresh-smash{padding:18px 22px 15px}.smash-scene{grid-template-columns:1fr;gap:0;align-content:center}.smash-copy{padding:20px 0 0}.smash-copy h1{font-size:clamp(38px,9vw,58px)}.smash-copy>p{font-size:11px;margin:9px 0 14px}.smash-copy button{min-height:34px}.smash-art{position:absolute;right:-90px;bottom:7%;width:min(70vw,470px);min-height:0;opacity:.45}.smash-bottom{position:relative;z-index:2}.smash-topline{font-size:8px}}@media(max-width:520px){.refresh-smash{padding:14px 17px 13px}.smash-topline img{width:36px;height:36px}.smash-copy{align-self:center}.smash-copy h1{font-size:39px}.smash-copy>p{max-width:270px}.smash-art{right:-105px;bottom:12%;width:88vw;opacity:.32}.smash-progress{width:90px}.smash-bottom{font-size:7px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.refresh-smash,.smash-hammer,.smash-house,.smash-crack,.smash-rubble,.smash-sparks,.smash-progress b{animation:none}.smash-house{opacity:0;transform:translateY(175px) scaleY(.04)}.smash-crack{opacity:1}.smash-rubble{opacity:1;transform:none}.smash-hammer{transform:rotate(22deg)}.smash-sparks{opacity:0}}

/* Logout payment handoff and goodbye */
.logout-farewell{--farewell-gold:#efbd75;position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100svh;overflow:hidden;padding:clamp(20px,4vw,46px) clamp(22px,6vw,78px) 19px;background:radial-gradient(ellipse at 75% 50%,#26464b 0,#172f3b 42%,#101d29 80%);color:#f7f4ed;font-family:"Segoe UI",Arial,sans-serif;animation:farewell-screen-in .4s ease-out both}.logout-farewell:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(130deg,#0a192288,transparent 50%,#bd86501c)}.farewell-brand{display:flex;align-items:center;gap:11px;color:#e0e7e5;font-size:11px;letter-spacing:.11em}.farewell-brand img{width:43px;height:43px;object-fit:contain;border:3px solid #fff;border-radius:11px;background:#fff}.farewell-brand b{color:#fff;font-weight:850}.farewell-brand small{margin-left:7px;padding-left:13px;border-left:1px solid #ffffff38;color:#b9c8cc;font-size:8px;letter-spacing:.15em}.farewell-main{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);align-items:center;gap:20px;width:min(100%,1160px);margin:auto}.farewell-copy{position:relative;z-index:2}.farewell-eyebrow{display:flex;align-items:center;gap:9px;color:var(--farewell-gold);font-size:9px;font-weight:850;letter-spacing:.19em}.farewell-eyebrow i,.farewell-footer>span i{width:7px;height:7px;border-radius:50%;background:#83d2a9;box-shadow:0 0 0 4px #83d2a91c}.farewell-copy h1{margin:13px 0;font-size:clamp(39px,5.3vw,70px);line-height:1.02;letter-spacing:-.055em}.farewell-copy>p{max-width:410px;margin:0;color:#c8d5d7;font-size:13px;line-height:1.75}.farewell-copy>p strong{color:#fff;font-weight:750}.farewell-thanks{display:inline-block;margin-top:24px;padding:8px 10px;border:1px solid #ffffff24;border-radius:8px;color:#e8c38d;font-size:8px;font-weight:800;letter-spacing:.15em}.farewell-illustration{position:relative;display:grid;place-items:center;min-height:395px}.farewell-illustration svg{position:relative;z-index:1;width:min(100%,670px);height:auto;overflow:visible}.farewell-light{position:absolute;left:19%;top:21%;width:60%;height:58%;border-radius:50%;background:#d5a36920;filter:blur(42px)}.farewell-receive-hand{opacity:.93}.farewell-payment-hand{transform:translateX(150px);animation:farewell-give 1.05s .12s cubic-bezier(.2,.7,.25,1) both}.farewell-cash{transform-origin:center;animation:farewell-cash-transfer 1.05s .28s cubic-bezier(.3,.75,.2,1) both}.farewell-wave{opacity:0;transform-origin:555px 260px}.farewell-wave-active .farewell-wave{animation:farewell-wave-in .25s ease-out both,farewell-wave-motion .72s .25s ease-in-out 3}.farewell-sparkles{opacity:0;animation:farewell-shine .6s .55s ease-out both}.farewell-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px;border-top:1px solid #ffffff24;color:#bdcace;font-size:8px;font-weight:750;letter-spacing:.12em}.farewell-footer>span{display:flex;align-items:center;gap:9px}.farewell-footer button{display:inline-flex;align-items:center;gap:12px;min-height:33px;padding:0 11px;border:1px solid #ffffff35;border-radius:8px;background:#ffffff0a;color:#f7f4ed;font-size:9px;font-weight:700;cursor:pointer}.farewell-footer button:hover{border-color:#efbd75;background:#efbd7514}.farewell-footer button:focus-visible{outline:3px solid var(--farewell-gold);outline-offset:2px}.farewell-footer button b{color:var(--farewell-gold);font-size:15px}.farewell-progress{position:absolute;right:0;bottom:-19px;left:0;height:3px;overflow:hidden;background:#ffffff18}.farewell-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#bd7d48,#efbd75);animation:farewell-progress 3.8s linear both}.logout-farewell.farewell-exit{opacity:0;transform:scale(1.01);transition:opacity .35s ease,transform .35s ease;pointer-events:none}@keyframes farewell-screen-in{from{opacity:0}to{opacity:1}}@keyframes farewell-give{0%{transform:translateX(150px)}52%{transform:translateX(0)}100%{transform:translateX(112px)}}@keyframes farewell-cash-transfer{0%{transform:translateX(70px) rotate(12deg);opacity:0}24%{opacity:1}75%{transform:translateX(-62px) rotate(-5deg);opacity:1}100%{transform:translateX(-88px) rotate(-8deg);opacity:0}}@keyframes farewell-wave-in{from{opacity:0}to{opacity:1}}@keyframes farewell-wave-motion{0%,100%{transform:rotate(0)}25%{transform:rotate(-15deg)}55%{transform:rotate(13deg)}80%{transform:rotate(-10deg)}}@keyframes farewell-shine{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.08)}100%{opacity:.75;transform:scale(1)}}@keyframes farewell-progress{to{transform:scaleX(1)}}@media(max-width:760px){.logout-farewell{padding:17px 22px 17px}.farewell-main{grid-template-columns:1fr;gap:0;align-content:center}.farewell-copy{align-self:center;padding:24px 0 0}.farewell-copy h1{font-size:clamp(38px,9vw,57px)}.farewell-copy>p{max-width:350px;font-size:11px}.farewell-thanks{margin-top:14px}.farewell-illustration{position:absolute;right:-76px;bottom:7%;width:min(71vw,465px);min-height:0;opacity:.48}.farewell-footer{font-size:7px}.farewell-brand small{font-size:7px}}@media(max-width:520px){.logout-farewell{padding:13px 17px 17px}.farewell-brand img{width:36px;height:36px}.farewell-brand{font-size:9px}.farewell-brand small{padding-left:8px;margin-left:2px;letter-spacing:.08em}.farewell-copy h1{font-size:39px}.farewell-copy>p{max-width:280px}.farewell-illustration{right:-100px;bottom:11%;width:90vw;opacity:.35}.farewell-footer{letter-spacing:.07em}.farewell-footer button{min-height:30px;padding:0 8px;font-size:8px}}@media(prefers-reduced-motion:reduce){.logout-farewell,.farewell-payment-hand,.farewell-cash,.farewell-wave,.farewell-sparkles,.farewell-progress i{animation:none}.farewell-payment-hand{transform:translateX(112px)}.farewell-cash{opacity:0;transform:translateX(-88px)}.farewell-wave{opacity:1;transform:rotate(0)}.farewell-sparkles{opacity:.7}}