:root{--yellow:#f2bd18;--pearl:#fffdf5;--ink:#191812;--muted:#716d60;--line:#ddd7c8;--red:#9c2c20;--green:#176442}*{box-sizing:border-box}body{margin:0;background:#f5f1e6;color:var(--ink);font:16px/1.55 Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}.app-nav{height:72px;padding:0 clamp(18px,5vw,70px);background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between}.logo{text-decoration:none;font-weight:800;letter-spacing:-.07em;font-size:22px}.logo b{display:inline-grid;place-items:center;width:25px;height:25px;background:var(--yellow);color:var(--ink);border-radius:50%}.app-nav nav{display:flex;align-items:center;gap:24px}.app-nav nav a,.app-nav nav button{color:#ddd;text-decoration:none;background:none;border:0;font-size:14px}.customer-shell{width:min(1180px,calc(100% - 32px));margin:55px auto 100px}.overline{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;color:#8e6b00;margin:0 0 8px}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;margin:0}h1{font-size:clamp(48px,7vw,92px);line-height:.92}h2{font-size:32px}.auth-intro{display:inline-block;width:55%;vertical-align:top;padding:70px 7vw 50px 0}.auth-intro p:last-child{font-size:19px;color:var(--muted);max-width:520px}.auth-card{display:inline-block;width:43%;background:var(--pearl);padding:35px;box-shadow:0 20px 80px #6b5b2920;vertical-align:top}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:25px}.auth-tabs button{flex:1;border:0;background:none;padding:14px;font-weight:700;color:var(--muted)}.auth-tabs button.active{color:var(--ink);border-bottom:3px solid var(--yellow)}label{display:grid;gap:7px;margin:14px 0;font-size:13px;font-weight:700}input,select,textarea{width:100%;padding:13px;border:1px solid var(--line);background:white}.primary{border:0;background:var(--yellow);padding:13px 18px;font-weight:700}.button{display:inline-block;text-decoration:none}.message{padding:13px 16px;margin-bottom:20px}.message.error{background:#ffe2dc;color:var(--red)}.message.success{background:#dff2e8;color:var(--green)}.account-hero{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:45px;border-bottom:1px solid var(--line)}.account-hero p:last-child{color:var(--muted)}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.account-stats article,.surface{background:var(--pearl);padding:25px;border:1px solid var(--line)}.account-stats span,.account-stats small{display:block;color:var(--muted)}.account-stats strong{display:block;font:38px/1.35 Georgia,serif}.account-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.surface-head{display:flex;justify-content:space-between;margin-bottom:15px}.order-history a{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid var(--line);text-decoration:none}.order-history a div{flex:1}.order-history strong,.order-history small{display:block}.order-history small,.empty{color:var(--muted)}.order-history span{font-size:12px;background:#eee9db;padding:5px 9px;border-radius:99px}.claim-state{display:grid;background:#fff4c8;padding:20px;margin-top:22px}.claim-state span{text-transform:uppercase;font-size:11px}.claim-state strong{font-size:23px}.claim-state small{color:var(--muted)}@media(max-width:760px){.auth-intro,.auth-card{width:100%}.auth-intro{padding:20px 0 35px}.account-hero{align-items:flex-start;gap:25px;flex-direction:column}.account-stats,.account-grid{grid-template-columns:1fr}.app-nav nav a:first-child{display:none}.customer-shell{margin-top:30px}}

/* 2026 warm studio account experience */
:root{--cream:#f3f2ee;--amber:#f4ad45;--orange:#e98c0b;--chili:#f04425;--brown:#87301f}
body{font-family:"DM Sans",Arial,sans-serif;background:radial-gradient(circle at 18% 12%,#f8c77d55,transparent 30%),var(--cream)}
h1,h2{font-family:"Gloock",Georgia,serif}
.auth-page .customer-shell{width:min(1220px,calc(100% - 32px));margin-top:32px}
.auth-stage{min-height:calc(100vh - 136px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(30px,7vw,110px);position:relative}
.auth-stage:before{content:"";position:absolute;inset:7% 41% 8% -9%;background:url('/assets/hero-restaurant-poster-v2.jpg') center/cover;border-radius:34px;opacity:.2;filter:saturate(.75);z-index:-1}
.auth-intro{display:block;width:auto;padding:60px 0}.auth-intro h1{font-size:clamp(56px,7vw,102px);line-height:.88}.auth-intro p:last-of-type{max-width:470px;color:#625e56}
.palette-dots{display:flex;gap:13px;margin-top:32px}.palette-dots i{width:43px;height:43px;border-radius:13px;box-shadow:0 10px 25px #713f1025}.palette-dots i:nth-child(1){background:#ededeb}.palette-dots i:nth-child(2){background:var(--amber)}.palette-dots i:nth-child(3){background:var(--orange)}.palette-dots i:nth-child(4){background:var(--chili)}.palette-dots i:nth-child(5){background:var(--brown)}
.auth-card{display:block;width:auto;padding:44px;border-radius:28px;background:#f2f3f5;box-shadow:18px 18px 38px #b5b4b0,-18px -18px 38px #fff;border:1px solid #ffffffaa}
.auth-mark{width:58px;height:58px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#d9dadd);box-shadow:8px 8px 18px #c2c3c6,-8px -8px 18px #fff;color:var(--chili);font-weight:800}
.auth-tabs{border:0;gap:9px}.auth-tabs button{border-radius:12px;border:0!important;box-shadow:inset 0 0 0 transparent}.auth-tabs button.active{color:var(--brown);background:#eceef1;box-shadow:inset 5px 5px 10px #d0d1d4,inset -5px -5px 10px #fff}
.auth-card input{border:0;border-radius:10px;background:#eef0f2;box-shadow:inset 5px 5px 10px #d2d3d6,inset -5px -5px 10px #fff;padding:15px}.auth-card .primary{width:100%;border-radius:12px;margin-top:8px;background:linear-gradient(100deg,var(--orange),var(--chili));color:white;box-shadow:7px 7px 16px #c9c9c7,-7px -7px 16px #fff}.auth-note{display:block;text-align:center;color:#8a877f;margin-top:22px}
.account-page .app-nav{background:var(--brown)}.profile-heading{display:flex;align-items:center;gap:22px}.profile-heading>img,.profile-heading>span{width:92px;height:92px;border-radius:28px;object-fit:cover;display:grid;place-items:center;background:var(--amber);font:44px "Gloock",serif}.profile-grid{grid-template-columns:1fr 1fr;margin-bottom:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.surface textarea{width:100%;padding:13px;border:1px solid var(--line);resize:vertical}
@media(max-width:760px){.auth-stage{grid-template-columns:1fr;gap:0}.auth-stage:before{inset:0 -12px 60%}.auth-intro{padding:45px 5px 20px}.auth-card{width:100%;padding:25px}.profile-grid,.two{grid-template-columns:1fr}.profile-heading{align-items:flex-start}.profile-heading>img,.profile-heading>span{width:68px;height:68px;border-radius:20px}.account-hero h1{font-size:42px}}

/* Asset T-Care-inspired premium authentication scene */
.auth-page{background:#ecebe7}.auth-page .app-nav{display:none}.auth-page .customer-shell{width:100%;margin:0;max-width:none}.auth-page .message{position:fixed;z-index:30;top:18px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 30px));border-radius:12px;box-shadow:0 16px 40px #0003}
.auth-page .auth-stage{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(470px,.86fr);gap:0;background:#f2f0eb;overflow:hidden;animation:authSceneIn .45s ease both}.auth-page .auth-stage:before{display:none}
.auth-page .auth-intro{position:relative;width:auto;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(32px,5vw,76px);color:white;isolation:isolate;background:linear-gradient(90deg,#2c1710f2 0%,#542116d9 49%,#6d2b1c73 100%),url('/assets/hero-restaurant-poster-v2.jpg') center/cover no-repeat}
.auth-page .auth-intro:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 79% 24%,#f4ad4545,transparent 28%),linear-gradient(0deg,#1f0d08d9,transparent 50%)}.auth-page .auth-intro:after{content:"";position:absolute;z-index:-1;inset:-4%;background:url('/assets/hero-restaurant-poster-v2.jpg') center/cover no-repeat;opacity:.09;mix-blend-mode:screen;animation:authFoodDrift 18s ease-in-out infinite alternate}
.auth-hero-brand{display:flex;align-items:center;gap:15px;color:white;text-decoration:none;animation:authRise .65s .05s ease both}.auth-hero-brand>span{font-size:27px;font-weight:800;letter-spacing:-.07em}.auth-hero-brand>span b{display:inline-grid;place-items:center;width:31px;height:31px;margin-left:2px;border-radius:50%;background:var(--amber);color:#2c1710}.auth-hero-brand small{padding-left:15px;border-left:1px solid #ffffff55;color:#f4dfcc;font-size:10px;font-weight:700;letter-spacing:.16em}
.auth-hero-copy{width:min(720px,96%);margin:auto 0;padding:65px 0;animation:authRise .72s .12s ease both}.auth-kicker{display:inline-flex;padding:9px 14px;border:1px solid #f5d29b66;border-radius:99px;background:#ffffff12;font-size:10px;font-weight:800;letter-spacing:.15em;backdrop-filter:blur(8px)}.auth-page .auth-hero-copy h1{margin:27px 0 23px;color:white;font-family:"Gloock",Georgia,serif;font-size:clamp(55px,6vw,92px);line-height:.91;letter-spacing:-.055em}.auth-page .auth-hero-copy h1 em{color:var(--amber);font-style:italic}.auth-hero-copy>p{max-width:610px;margin:0;color:#f0ded3;font-size:clamp(15px,1.25vw,19px);line-height:1.7}.auth-meta{display:flex;gap:34px;margin-top:38px}.auth-meta span{padding-left:13px;border-left:3px solid var(--chili)}.auth-meta b,.auth-meta small{display:block}.auth-meta b{font-size:13px}.auth-meta small{margin-top:5px;color:#d8b8a6;font-size:10px}.auth-page .palette-dots{margin:0}.auth-page .palette-dots i{width:32px;height:32px;border-radius:9px}
.auth-side{position:relative;min-height:100vh;display:grid;place-items:center;overflow:auto;padding:52px 34px;background:radial-gradient(circle at 48% 42%,#fff 0 18%,#efefed 53%,#e2e1dd 100%)}.auth-side:before,.auth-side:after{content:"";position:absolute;width:min(72vw,720px);aspect-ratio:1;border:1px solid #ffffffd0;border-radius:50%;box-shadow:inset 16px 16px 30px #c8c7c284,inset -16px -16px 30px #ffffffde,16px 16px 34px #c5c3bc5c,-16px -16px 34px #ffffffc9;animation:authRingPulse 7s ease-in-out infinite}.auth-side:after{width:min(59vw,590px);animation-delay:-3.5s}.auth-orbit{position:absolute;width:480px;height:480px;border:1px dashed #e98c0b35;border-radius:50%;animation:authOrbit 36s linear infinite}.auth-orbit:before{content:"";position:absolute;top:34px;right:70px;width:9px;height:9px;border-radius:50%;background:var(--chili);box-shadow:0 0 0 7px #f0442518,0 0 28px #f044258f}.auth-close{position:absolute;z-index:5;top:22px;right:24px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #d0cec7;border-radius:50%;background:#f7f7f5ba;color:#6e4a3b;font-size:24px;line-height:1;text-decoration:none;box-shadow:6px 6px 14px #c2c0ba80,-5px -5px 12px #fff}.auth-close:hover{transform:rotate(90deg);transition:.2s}
.auth-page .auth-card{position:relative;z-index:2;width:min(460px,100%);padding:38px 42px 32px;border:1px solid #ffffffde;border-radius:34px;background:#f7f7f4ce;box-shadow:20px 20px 46px #b9b6ad80,-18px -18px 42px #ffffffde,inset 1px 1px #fff;text-align:center;backdrop-filter:blur(18px);animation:authCardIn .7s .18s cubic-bezier(.2,.8,.2,1) both}.auth-card-eyebrow{display:block;margin-bottom:6px;color:var(--brown);font-size:9px;font-weight:800;letter-spacing:.18em}.auth-page .auth-card h2{margin:0;color:#2c1710;font-family:"Gloock",Georgia,serif;font-size:36px}.auth-card-tagline{margin:7px 0 19px;color:#7b706a;font-size:12px}.auth-page .auth-mark{width:66px;height:66px;margin:0 auto 15px;background:linear-gradient(145deg,#fff,#deddd8);box-shadow:8px 8px 18px #c9c7c0,-8px -8px 18px #fff;color:var(--chili);font-size:18px}
.auth-page .auth-tabs{margin-bottom:16px}.auth-page .auth-tabs button{padding:11px 5px;font-size:12px}.auth-page .auth-card form{text-align:left}.auth-page .auth-card form label{margin:11px 0}.auth-page .auth-card form label>span{display:block;margin-bottom:6px;color:#4f3a31}.auth-input{height:49px;display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid #d1cfc8;border-radius:12px;background:#eff0ee;box-shadow:inset 4px 4px 9px #cfcec99c,inset -4px -4px 9px #fff;transition:.18s}.auth-input:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #e98c0b1c,inset 3px 3px 7px #cfcec980,inset -3px -3px 7px #fff}.auth-page .auth-input input{height:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;outline:0}.auth-user-icon,.auth-lock-icon,.auth-phone-icon,.auth-mail-icon{position:relative;width:17px;height:18px;flex:0 0 17px;color:var(--orange)}.auth-user-icon:before{content:"";position:absolute;top:1px;left:5px;width:7px;height:7px;border-radius:50%;background:currentColor}.auth-user-icon:after{content:"";position:absolute;left:2px;bottom:1px;width:13px;height:8px;border-radius:8px 8px 3px 3px;background:currentColor}.auth-lock-icon:before{content:"";position:absolute;left:4px;top:0;width:9px;height:10px;border:2px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0}.auth-lock-icon:after{content:"";position:absolute;left:2px;bottom:0;width:15px;height:11px;border-radius:3px;background:currentColor}.auth-phone-icon:before{content:"☎";position:absolute;font-size:17px;line-height:18px}.auth-mail-icon:before{content:"✉";position:absolute;font-size:16px;line-height:18px}.password-peek{border:0;background:none;color:var(--brown);font-size:10px;font-weight:800}.auth-page .remember-row{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:#766b65;font-weight:500}.auth-page .remember-row input{width:16px;height:16px;margin:0;accent-color:var(--chili)}.auth-page .login-submit{height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--chili));color:white;letter-spacing:.08em;box-shadow:0 11px 24px #b6422145}.login-submit i{font-size:18px;font-style:normal;transition:.18s}.login-submit:hover{transform:translateY(-2px)}.login-submit:hover i{transform:translateX(4px)}.auth-trust{display:flex;justify-content:center;gap:10px;margin-top:18px;color:#8a7e77;font-size:8px}.auth-trust span{white-space:nowrap}
@keyframes authSceneIn{from{opacity:0}to{opacity:1}}@keyframes authRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes authCardIn{from{opacity:0;transform:translateX(30px) scale(.96)}to{opacity:1;transform:none}}@keyframes authFoodDrift{from{transform:scale(1.02) translate3d(-.5%,0,0)}to{transform:scale(1.08) translate3d(1.5%,-1%,0)}}@keyframes authRingPulse{0%,100%{transform:scale(.98);opacity:.75}50%{transform:scale(1.025);opacity:1}}@keyframes authOrbit{to{transform:rotate(360deg)}}
@media(max-width:1080px){.auth-page .auth-stage{grid-template-columns:minmax(0,.95fr) minmax(450px,1.05fr)}.auth-page .auth-hero-copy h1{font-size:58px}.auth-page .auth-intro{padding:42px}.auth-meta{gap:18px}}
@media(max-width:820px){.auth-page .auth-stage{display:block}.auth-page .auth-intro{min-height:320px;padding:27px;justify-content:flex-start}.auth-hero-copy{padding:42px 0 15px}.auth-page .auth-hero-copy h1{margin:17px 0 11px;font-size:43px}.auth-hero-copy>p,.auth-meta,.auth-page .palette-dots{display:none}.auth-side{min-height:690px;padding:60px 22px}.auth-close{position:fixed;color:white;border-color:#ffffff73;background:#552116bf;box-shadow:none}}
@media(max-width:520px){.auth-page .auth-intro{min-height:245px;padding:20px}.auth-hero-brand small{font-size:7px}.auth-hero-copy{padding:27px 0 6px}.auth-kicker{padding:7px 10px;font-size:8px}.auth-page .auth-hero-copy h1{font-size:34px}.auth-side{min-height:650px;padding:42px 14px}.auth-page .auth-card{padding:29px 23px 25px;border-radius:27px}.auth-page .auth-card h2{font-size:31px}.auth-trust{gap:6px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.auth-page .auth-stage,.auth-page .auth-intro:after,.auth-hero-brand,.auth-hero-copy,.auth-side:before,.auth-side:after,.auth-orbit,.auth-page .auth-card{animation:none!important}}

/* Video-reference rotating sign-in / sign-up card */
.auth-side{perspective:1500px}.auth-page .auth-card{transform-style:preserve-3d;transform-origin:center center;will-change:transform,opacity}.auth-page .auth-card.auth-switching.auth-forward{animation:authFlipForward .72s cubic-bezier(.65,.02,.22,1) both}.auth-page .auth-card.auth-switching.auth-back{animation:authFlipBack .72s cubic-bezier(.65,.02,.22,1) both}.auth-page .auth-card.auth-switching>*{pointer-events:none}.auth-page .auth-tabs button:disabled{cursor:wait}
@keyframes authFlipForward{0%{transform:rotateY(0) scale(1);filter:brightness(1)}46%{transform:rotateY(88deg) scale(.94);filter:brightness(.86)}50%{transform:rotateY(90deg) scale(.94);filter:brightness(.84)}51%{transform:rotateY(-90deg) scale(.94);filter:brightness(.84)}100%{transform:rotateY(0) scale(1);filter:brightness(1)}}
@keyframes authFlipBack{0%{transform:rotateY(0) scale(1);filter:brightness(1)}46%{transform:rotateY(-88deg) scale(.94);filter:brightness(.86)}50%{transform:rotateY(-90deg) scale(.94);filter:brightness(.84)}51%{transform:rotateY(90deg) scale(.94);filter:brightness(.84)}100%{transform:rotateY(0) scale(1);filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.auth-page .auth-card.auth-switching.auth-forward,.auth-page .auth-card.auth-switching.auth-back{animation:authFadeSwitch .25s ease both}}@keyframes authFadeSwitch{50%{opacity:.15;transform:scale(.98)}}

/* OneHub-aligned customer account typography and controls */
@font-face{font-family:Inter;src:url('/assets/fonts/inter-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/inter-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/inter-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/inter-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/inter-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
body{font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-size:14px}h1,h2,.auth-page .auth-card h2,.auth-page .auth-hero-copy h1{font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-weight:800;letter-spacing:-.055em}.auth-page .auth-card{border-radius:14px;box-shadow:0 16px 42px #5a4d3e24;background:#f8f9fbea}.auth-page .auth-mark{border-radius:12px;box-shadow:0 7px 18px #4d41331c}.auth-page .auth-tabs{padding:4px;border-radius:9px;background:#eceff3;border:0}.auth-page .auth-tabs button{border-radius:7px;border:0!important}.auth-page .auth-tabs button.active{background:#fff;box-shadow:0 2px 8px #20305017;color:var(--brown)}.auth-input{border-radius:8px;background:#fff;box-shadow:none}.auth-input:focus-within{box-shadow:0 0 0 3px #e98c0b1c}.auth-page .login-submit{border-radius:8px;box-shadow:0 8px 18px #b6422133}.surface,.account-stats article{border-radius:10px;box-shadow:0 3px 12px #2030500d}.account-stats strong{font-family:Inter,"Segoe UI",Arial,sans-serif;font-weight:700}.app-nav{height:68px}.auth-close{border-radius:8px}.auth-page .auth-hero-copy h1{font-size:clamp(48px,5.2vw,76px);line-height:.96}.auth-card-tagline{font-size:12px}.auth-page .auth-card form label{font-size:11px}
@media(max-width:820px){.auth-page .auth-card{border-radius:12px}.auth-side{padding-left:16px;padding-right:16px}}
@media(max-width:520px){.auth-page .auth-card{padding:27px 20px}.auth-page .auth-card h2{font-size:29px}}