.customer-portal{--portal-orange:#ff9b20;color:#f5f5f2;overflow-wrap:anywhere;background:#090e12;min-height:100dvh;font-family:Arial,sans-serif;line-height:1.6}.customer-portal *{box-sizing:border-box}.customer-portal a{color:inherit;text-decoration:none}.portal-header{border-bottom:1px solid #263139;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:auto;padding:22px 28px;display:flex}.portal-brand{align-items:center;gap:14px;font-size:22px;display:flex}.portal-brand span{color:var(--portal-orange);font:36px Georgia,serif}.portal-header nav{align-items:center;gap:24px;font-size:14px;display:flex}.portal-header a,.portal-footer a{align-items:center;min-height:44px;display:inline-flex}.portal-main{max-width:1200px;margin:auto;padding:32px 28px 64px}.portal-main section{margin-bottom:56px}.portal-main h1{letter-spacing:-.035em;margin:14px 0 24px;font-size:clamp(32px,5vw,64px);line-height:1.12}.portal-main h2{margin:10px 0 22px;font-size:28px;line-height:1.3}.portal-main h3{font-size:21px}.portal-main p{color:#b7c2cc}.portal-eyebrow{letter-spacing:.16em;font-size:12px;font-weight:700;color:var(--portal-orange)!important}.portal-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;min-height:440px;display:grid}.portal-interior{background:linear-gradient(#0000,#090e1260),url(/assets/barber-interior.webp) 50%/cover;border:1px solid #394047;border-radius:24px;height:430px}.portal-primary{border-radius:10px;justify-content:center;align-items:center;min-height:50px;margin-top:14px;font-weight:700;display:inline-flex;background:var(--portal-orange)!important;color:#171008!important;border:0!important;padding:14px 24px!important}.portal-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;display:grid}.portal-card{background:#131c23;border:1px solid #29343e;border-radius:16px;min-width:0;padding:24px}.portal-card strong{font-size:22px}.portal-card a{color:var(--portal-orange);margin-top:20px;display:block}.portal-scissors{color:var(--portal-orange);font-size:26px}.portal-footer{color:#bac4cb;max-width:1200px;padding:28px;padding-bottom:max(28px,env(safe-area-inset-bottom));border-top:1px solid #29343e;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:auto;font-size:13px;display:flex}.portal-form{max-width:680px;margin:auto}.portal-form h1{font-size:38px}.portal-form form,.portal-form label{flex-direction:column;gap:9px;display:flex}.portal-form form{gap:24px}.portal-form label{margin:12px 0}.portal-form input,.portal-form select{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#17232d;border:1px solid #536574;border-radius:8px;width:100%;max-width:100%;min-height:48px;padding:10px;font-size:16px}.portal-form fieldset{border:1px solid #394955;border-radius:12px;min-width:0;margin:16px 0;padding:16px}.portal-slots,.portal-actions{flex-wrap:wrap;gap:10px;display:flex}.customer-portal button{cursor:pointer;color:#fff;min-height:44px;font:inherit;background:#1b2a35;border:1px solid #62717d;border-radius:8px;max-width:100%;padding:10px 14px}.customer-portal button[aria-pressed=true]{color:#ffb454;border:2px solid #ff9b20}.customer-portal button:disabled{opacity:.55;cursor:default}.customer-portal :focus-visible{outline-offset:4px;outline:3px solid #ffb454}.portal-consent{align-items:flex-start;flex-direction:row!important}.portal-consent input{flex-shrink:0;width:22px;min-height:22px;margin-top:3px}.portal-small{font-size:13px}.portal-feedback{background:#282016;border:1px solid #ffb454;border-radius:12px;margin-bottom:20px;padding:16px}.portal-success{background:#102b22;border-color:#59c99e;color:#b3f1d9!important}@media (max-width:640px){.portal-header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.portal-header nav{flex-wrap:wrap;gap:18px;font-size:13px}.portal-main{padding:24px 16px 40px}.portal-hero{flex-direction:column-reverse;gap:24px;display:flex}.portal-interior{border-radius:16px;width:100%;height:220px}.portal-hero h1{font-size:40px}.portal-main section{margin-bottom:36px}.portal-grid{grid-template-columns:1fr}.portal-footer{padding:20px 16px}.portal-form h1{font-size:32px}.portal-primary{width:100%}.portal-actions button{flex-grow:1}}.portal-brand>span{white-space:nowrap;flex-shrink:0;min-width:42px}.portal-brand>strong{min-width:0}.portal-scissors{width:28px;height:28px;margin-bottom:16px;display:block}