.gold-login{min-height:100vh;background:#101111;color:#f2e9dc;font-family:"Microsoft YaHei",system-ui,sans-serif;position:relative;isolation:isolate}
.gold-scene{position:absolute;z-index:-2;inset:0;background:url('/static/fulfillment-gold.webp') center top/auto 100% no-repeat}
.gold-login:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#07090855,transparent 65%),linear-gradient(180deg,#0809096b 0%,transparent 37%,#07090918 70%,#090b0bdc 100%);pointer-events:none}
.gold-shell{max-width:1440px;margin:auto;padding:34px 48px 18px}.gold-header{height:auto;padding:0;border:0;background:none;display:flex;justify-content:space-between;align-items:center;gap:20px}.text-brand{font-family:"Segoe UI",sans-serif;font-size:32px;line-height:1.25;font-weight:750;letter-spacing:1px;color:#e5c591}.text-brand>span{font-size:25px;letter-spacing:0}.text-brand small,.card-brand small{display:block;font-size:11px;font-weight:400;letter-spacing:4px;margin-top:8px;color:#c9b89f}.region{font-size:10px;letter-spacing:2px;color:#cdbd9f}
.gold-main{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:70px;align-items:start;margin-top:48px;min-height:575px}.gold-kicker{font-size:10px;letter-spacing:2px;color:#c6a571;margin:0 0 14px}.gold-hero h1{font-size:44px;line-height:1.5;letter-spacing:1px;color:#faf7f0;margin:0 0 20px}.gold-hero h1 span{font-weight:450}.hero-description{color:#e0d6c7;font-size:14px;line-height:1.9;max-width:350px;text-shadow:0 2px 10px #000;margin:0}.market-tag{display:inline-flex;align-items:center;gap:16px;margin-top:20px;color:#c4b8a7;font-size:11px}.vinted{font-family:Georgia,serif;font-size:30px;font-style:italic;font-weight:700;color:#62c7c2;letter-spacing:-1px}.gold-card{margin-top:42px;padding:30px 30px 24px;border:1px solid #aa8f616b;border-radius:12px;background:linear-gradient(145deg,#222322f5,#141615f5);box-shadow:0 20px 70px #0007;backdrop-filter:blur(12px)}.card-brand{font-family:"Segoe UI",sans-serif;font-weight:700;font-size:22px;color:#e4c38e;letter-spacing:.5px}.card-brand span{font-size:17px}.card-brand small{font-size:9px;letter-spacing:3px;color:#b9aa93}.card-divider{height:1px;background:linear-gradient(90deg,#c2a37170,transparent);margin:23px 0}.gold-card .gold-kicker{margin-bottom:7px;font-size:9px}.gold-card h2{font-size:22px;font-weight:500;margin:0 0 20px;color:#f2e9dc}.gold-card label{display:block;font-size:13px;color:#dfd4c2;margin:16px 0 8px}.gold-card input{height:49px;border-radius:7px;border:1px solid #91867460;background:#ffffff03;color:#faf2e6;padding:12px 14px;font-size:14px}.gold-card input::placeholder{color:#99958b}.gold-card input:focus-visible{outline:2px solid #c8a66d;outline-offset:2px}.gold-card button{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;margin-top:24px;padding:0 18px;border-radius:7px;border:1px solid #e5c590;background:linear-gradient(105deg,#eed2a1,#c49a5b);color:#20190e;font-size:15px;font-weight:700;box-shadow:0 5px 20px #c3984320}.gold-card button:hover{background:linear-gradient(105deg,#ffe5ba,#d4ac6c)}.gold-help{font-size:11px;color:#b1a89a;margin:19px 0 0}.gold-assurance{border-top:1px solid #b9a78224;text-align:right;padding-top:15px;margin:20px 0 0;font-size:11px;color:#d0af79}.gold-card .error{color:#ffd5cc;background:#592f285e;border:1px solid #ad6b5144}.gold-bottom{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:34px;background:#101311df;border:1px solid #b8a07b38;border-radius:10px;padding:18px 24px;backdrop-filter:blur(12px)}.gold-process{display:flex;align-items:center;justify-content:space-between;gap:12px}.gold-process>div{display:flex;flex-direction:column;gap:4px}.step-number{font-family:Georgia,serif;color:#c4a477;font-size:22px}.gold-process strong{font-size:15px;font-weight:500;color:#e9d0a5}.gold-process small{font-size:8px;letter-spacing:1px;color:#99988f}.process-arrow{color:#ac9161;font-size:20px}.carrier-panel{border-left:1px solid #b8a07b38;padding-left:24px}.carrier-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#d6c8b4;margin-bottom:10px}.carrier-heading i{width:39px;height:3px;background:linear-gradient(90deg,#2d9064 33%,#fff 33%,#fff 66%,#b64040 66%)}.carrier-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:center}.carrier-grid>span{background:#fbfaf7;border-radius:3px;padding:6px;height:38px;display:flex;align-items:center;justify-content:center}.carrier-grid img{max-width:100%;max-height:29px;width:auto;height:auto;object-fit:contain}.carrier-grid .dhl{background:#ffcc00}.gold-footer{display:flex;justify-content:space-between;gap:12px;margin-top:16px;color:#8f8e81;font-size:9px;letter-spacing:1px}
.inventory-page header{background:#1b211f;color:#e6c68e;border-bottom-color:#b69c6866}.inventory-page .brand-name{color:#e6c68e;font-size:20px}.inventory-page .brand-sub{color:#b8ac97}.inventory-page .primary{background:#775f38}.inventory-page .badge{background:#f0e8d9;color:#735931}
@media(min-width:1500px){.gold-main{min-height:620px}}
@media(max-width:1100px){.gold-shell{padding:28px 28px 18px}.gold-main{grid-template-columns:minmax(0,1fr) 360px;gap:30px;min-height:560px}.gold-hero h1{font-size:34px}.text-brand{font-size:27px}.text-brand>span{font-size:21px}.gold-bottom{grid-template-columns:1fr}.carrier-panel{border-left:0;border-top:1px solid #b8a07b38;padding:14px 0 0}.gold-card{padding:26px}.carrier-grid>span{height:40px}}
@media(max-width:700px){.gold-shell{padding:24px 20px 16px}.gold-header{display:block}.text-brand{font-size:25px}.text-brand>span{font-size:19px}.text-brand small{font-size:9px;letter-spacing:3px}.region{display:none}.gold-main{display:block;margin-top:30px;min-height:0}.gold-hero{padding-bottom:280px}.gold-hero h1{font-size:30px;line-height:1.45;margin-bottom:12px}.gold-hero .gold-kicker{font-size:8px;letter-spacing:1px}.hero-description{font-size:12px}.market-tag{margin-top:10px}.vinted{font-size:25px}.gold-card{max-width:440px;margin:0 auto 24px;padding:26px 24px}.gold-scene{background-position:43% 0;background-size:auto 660px;background-color:#101111}.gold-login:before{background:linear-gradient(180deg,#08090999 0,transparent 250px,#10111111 420px,#101111 680px)}.gold-bottom{padding:16px;gap:15px}.gold-process{gap:8px}.gold-process small{font-size:7px;letter-spacing:0}.gold-process strong{font-size:13px}.step-number{font-size:19px}.carrier-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.gold-footer{flex-direction:column;font-size:9px}.inventory-page header .brand-name{font-size:16px}}

.hero-brand{font-size:12px;color:#dfc191;letter-spacing:1px;font-weight:600}.market-tag{flex-wrap:wrap;gap:10px}

.gold-scene{overflow:hidden}.warehouse-film{width:100%;height:100%;object-fit:cover;opacity:.9}.gold-header,.gold-hero,.gold-card{animation:film-enter 1.1s ease-out both}.gold-card{animation-delay:.15s}.gold-login:before{background:linear-gradient(90deg,#070908bb,transparent 58%),linear-gradient(180deg,#08090977,transparent 40%,#090b0bb0)}@keyframes film-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.warehouse-film{height:660px;object-position:43% 0}}@media(prefers-reduced-motion:reduce){.warehouse-film{display:none}.gold-header,.gold-hero,.gold-card{animation:none}}

/* Stable cinema atmosphere: no moving camera or moving form. */
.cinema-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.cinema-glow{position:absolute;width:52vw;height:52vw;max-width:850px;max-height:850px;border-radius:50%;background:radial-gradient(circle,#d5ae6220,transparent 65%);filter:blur(22px);animation:cinema-light 14s ease-in-out infinite alternate}.glow-one{top:-30%;left:25%}.glow-two{bottom:-38%;right:-12%;animation-delay:-7s;opacity:.5}.gold-card{border-color:#c8a76d66;box-shadow:0 24px 90px #0008,inset 0 1px 0 #e8cea81a;background:linear-gradient(145deg,#252722f2,#131714f5);position:relative}.gold-card:before{content:'';position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,#e3c28db3,transparent)}.gold-card button{box-shadow:0 4px 25px #c9a36a22;transition:box-shadow .25s,filter .25s}.gold-card button:hover{box-shadow:0 6px 30px #c9a36a40;filter:brightness(1.05)}.gold-header,.gold-hero,.gold-card{animation:none}.gold-bottom{background:#101713e8;border-color:#b8a07b4a}.hero-brand{letter-spacing:2px}.gold-scene .warehouse-film{transform:none;animation:none}@keyframes cinema-light{from{opacity:.25}to{opacity:.8}}@media(prefers-reduced-motion:reduce){.cinema-glow{animation:none;opacity:.35}}

/* Clearly visible motion without moving the warehouse or form. */
.cinema-atmosphere{z-index:0}.gold-shell{position:relative;z-index:1}.moving-beam{position:absolute;top:-30%;left:10%;width:160px;height:150%;background:linear-gradient(90deg,transparent,#efcc8140,transparent);filter:blur(22px);transform:rotate(22deg);animation:beam-travel 16s ease-in-out infinite alternate;mix-blend-mode:screen}.beam-secondary{width:90px;left:58%;opacity:.45;animation-delay:-8s;animation-duration:21s}.gold-mote{position:absolute;bottom:-20px;width:4px;height:4px;border-radius:50%;background:#f4d9a5;box-shadow:0 0 12px 3px #eec97b77;animation:mote-rise 13s linear infinite;opacity:0}.gold-card:after{content:'';position:absolute;top:-1px;left:12%;width:80px;height:2px;background:linear-gradient(90deg,transparent,#ffe0a3,transparent);box-shadow:0 0 12px #e5bb71;animation:card-glint 7s ease-in-out infinite alternate;pointer-events:none}.gold-card:before{animation:border-breathe 5s ease-in-out infinite alternate}@keyframes beam-travel{from{transform:translateX(-100px) rotate(22deg);opacity:.15}to{transform:translateX(46vw) rotate(22deg);opacity:.55}}@keyframes mote-rise{0%{transform:translate(0,0);opacity:0}15%{opacity:.65}80%{opacity:.4}100%{transform:translate(60px,-100vh);opacity:0}}@keyframes card-glint{from{left:12%;opacity:.3}to{left:68%;opacity:1}}@keyframes border-breathe{from{opacity:.35}to{opacity:1}}@media(max-width:700px){.moving-beam{width:90px}.gold-mote{width:3px;height:3px}}@media(prefers-reduced-motion:reduce){.moving-beam,.gold-mote,.gold-card:after{display:none}.gold-card:before{animation:none}}
.mote-1{left:17%;animation-delay:-1.37s;animation-duration:13s}
.mote-2{left:34%;animation-delay:-2.74s;animation-duration:15s}
.mote-3{left:51%;animation-delay:-4.11s;animation-duration:17s}
.mote-4{left:68%;animation-delay:-5.48s;animation-duration:19s}
.mote-5{left:85%;animation-delay:-6.85s;animation-duration:11s}
.mote-6{left:6%;animation-delay:-8.22s;animation-duration:13s}
.mote-7{left:23%;animation-delay:-9.59s;animation-duration:15s}
.mote-8{left:40%;animation-delay:-10.96s;animation-duration:17s}
.mote-9{left:57%;animation-delay:-12.33s;animation-duration:19s}
.mote-10{left:74%;animation-delay:-13.70s;animation-duration:11s}
.mote-11{left:91%;animation-delay:-15.07s;animation-duration:13s}
.mote-12{left:12%;animation-delay:-16.44s;animation-duration:15s}

/* Seven matching photos use two decoded layers; no camera movement. */
.gold-scene{background-size:cover;background-position:center}.warehouse-slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 3s ease-in-out;z-index:0;pointer-events:none}.warehouse-slide.is-current{opacity:1}.warehouse-slide.slide-front{z-index:2}.warehouse-slide.slide-base{z-index:1}@media(max-width:700px){.gold-scene{background-size:auto 660px;background-position:43% 0}.warehouse-slide{height:660px;object-position:43% 0;bottom:auto}}@media(prefers-reduced-motion:reduce){.warehouse-slide{transition:none}}

/* V2.1 phone login: the form sits in the first screen; the photo stays behind it. */
@media(max-width:700px){.gold-shell{padding-top:20px}.gold-main{margin-top:18px}.gold-hero{padding-bottom:0}.gold-hero h1{font-size:26px;margin-bottom:8px}.hero-description{font-size:12px;line-height:1.7;text-shadow:0 1px 6px #000,0 0 2px #000}.market-tag{display:none}.gold-card{margin:18px auto 24px;padding:20px 20px 18px;background:linear-gradient(145deg,#1d1f1dee,#121513f2)}.gold-card .card-brand,.gold-card .card-divider{display:none}.gold-card h2{margin-bottom:6px}.gold-card label{margin:12px 0 6px}.gold-card button{margin-top:18px}.gold-help{margin-top:14px}.gold-assurance{margin-top:12px;padding-top:10px}.gold-login:before{background:linear-gradient(180deg,#080909cc 0,#08090966 300px,#101111aa 520px,#101111 680px)}}
