:root{--hb-dark: #081f36;--hb-orange: #de7d3a;--hb-light: #50c8d6;--hb-cream: #fffdf1;--hb-card-background: #fffefa;--hb-menu-background: #fff7e8;--hb-border: #dfe4ec;--hb-form-background: #fbfaf6;--hb-white: #ffffff;--hb-button-height: 52px;font-family:Roboto,PT Sans,Helvetica,Arial,sans-serif;color:var(--hb-dark);background:var(--hb-cream)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-size:18px;margin:0;min-width:320px;overflow-x:hidden}button,input{font:inherit}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0,0,0,0)}.button-spinner{animation:button-spinner-rotate .7s linear infinite;border:2px solid rgb(255 255 255 / 45%);border-radius:50%;border-top-color:var(--hb-white);display:inline-block;height:20px;vertical-align:middle;width:20px}@keyframes button-spinner-rotate{to{transform:rotate(360deg)}}.login-page{align-items:center;background:var(--hb-white);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:24px}.login-panel{background:var(--hb-cream);border:1px solid var(--hb-border);border-radius:16px;max-width:420px;margin-top:24px;padding:36px;width:100%}.brand{align-items:center;display:inline-flex;margin-bottom:50px;text-decoration:none}.brand img{height:auto;max-width:204px;width:100%}.login-intro{color:var(--hb-dark);font-size:36px;margin:0 0 28px;opacity:.8;text-align:center}.login-job-apply-message{color:var(--hb-orange);font-size:27px;font-weight:700;line-height:1.4;margin:24px 0 0;max-width:420px;text-align:center}h1{color:var(--hb-dark);font-size:32px;line-height:1.1;margin:0 0 8px}.login-form{display:grid;gap:20px}.field{display:grid;gap:8px}label{color:var(--hb-dark);font-size:17px;font-weight:700}input{background:var(--hb-form-background);border:1px solid var(--hb-dark);border-radius:10px;color:var(--hb-dark);height:var(--hb-button-height);outline:none;padding:10px 12px;width:100%}input:focus{border-color:var(--hb-orange);box-shadow:0 0 0 2px var(--hb-cream)}.password-input{border-radius:10px;position:relative}.password-input input{padding-right:48px}.password-toggle{align-items:center;background:transparent;border:0;color:var(--hb-dark);cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:46px}.password-toggle svg{fill:none;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:22px}.password-toggle:hover,.password-toggle:focus-visible{color:var(--hb-orange)}.password-toggle:focus-visible{outline:2px solid var(--hb-light);outline-offset:-4px}.login-button{background:var(--hb-orange);border:1px solid var(--hb-dark);border-radius:10px;color:var(--hb-white);cursor:pointer;font-weight:700;margin:4px 4px 0 0;height:var(--hb-button-height);padding:0 20px}.login-button:hover,.login-button:focus-visible{background:var(--hb-dark)}.login-button:active{transform:translateY(1px)}.login-button:focus-visible{outline:3px solid var(--hb-light);outline-offset:3px}.login-button:disabled{cursor:wait;opacity:.7}.forgot-password-link{color:var(--hb-orange);font-size:16px;font-weight:700;margin-top:-10px;text-align:right;text-decoration:none}.keep-signed-in{align-items:center;color:var(--hb-dark);cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:9px;margin-top:-4px}.keep-signed-in input{accent-color:var(--hb-orange);height:18px;margin:0;width:18px}.forgot-password-link:hover,.forgot-password-link:focus-visible{color:#b9622d;text-decoration:underline}.create-account-link{font-size:24px;margin:24px 0 0;text-align:center}.create-account-link a{color:var(--hb-orange);font-weight:700;text-decoration:none;white-space:nowrap}.create-account-link a:hover,.create-account-link a:focus-visible{color:#b9622d;text-decoration:underline}.form-message{border-left:4px solid;border-radius:10px;font-size:16px;font-weight:700;margin:0;padding:10px 12px}.form-message--error{background:#fdf1eb;border-color:var(--hb-orange);color:var(--hb-dark)}.form-message--success{background:#e8f8fa;border-color:var(--hb-light);color:var(--hb-dark)}@media (max-width: 480px){.login-page{padding:16px}.login-panel{margin-top:24px;padding:28px 22px}}.app-page{background:var(--hb-white);min-height:100vh;overflow-x:hidden}.registration-page{background:var(--hb-white);min-height:100vh;padding:56px 24px}.registration-panel{margin:0 auto;max-width:920px}.registration-heading{margin:46px 0 36px;text-align:center}.registration-heading h1{font-size:clamp(36px,5vw,48px);margin-bottom:14px}.registration-options{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.registration-login-link{font-size:24px;margin:32px 0 0;text-align:center}.registration-login-link a{color:var(--hb-orange);font-weight:700;text-decoration:none}.registration-login-link a:hover,.registration-login-link a:focus-visible{color:#b9622d;text-decoration:underline}.registration-option{align-items:center;background:var(--hb-cream);border:1px solid var(--hb-border);border-radius:14px;color:var(--hb-dark);cursor:pointer;display:flex;flex-direction:column;gap:18px;justify-content:center;overflow:hidden;padding:0}.registration-option--craftsman{min-height:302px}.registration-option-tools-icon{color:var(--hb-orange);display:block}.registration-option-tools-icon svg{fill:currentColor;height:92px;width:92px}.registration-option--client{background:var(--hb-cream);gap:18px;min-height:302px}.registration-option-client-icon{color:var(--hb-light);display:block}.registration-option-client-icon svg{fill:currentColor;height:84px;width:96px}.registration-option-label{font-size:24px;font-weight:700}@media (min-width: 921px){.registration-option{transition:background-color .18s ease,transform .18s ease}.registration-option:hover,.registration-option:focus-visible{background:var(--hb-form-background);transform:translateY(-3px)}}.registration-form-panel{background:var(--hb-cream);border:1px solid var(--hb-border);border-radius:14px;margin:48px auto 0;max-width:460px;padding:30px;position:relative}.registration-back{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--hb-dark);cursor:pointer;display:inline-flex;height:40px;justify-content:center;left:16px;padding:8px;position:absolute;top:16px;width:40px}.registration-back svg{fill:none;height:26px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:26px}.registration-back:hover,.registration-back:focus-visible{background:var(--hb-form-background);color:var(--hb-orange)}.registration-form-heading{margin:22px 0 32px;text-align:center}.registration-form-heading p{color:var(--hb-dark);font-size:17px;line-height:1.45;margin:10px 0 0;opacity:.8}.registration-person-icon{color:var(--hb-dark);display:inline-block;margin-bottom:10px}.registration-person-icon svg{fill:currentColor;height:46px;width:46px}.registration-form-heading h1{font-size:32px}.registration-form{display:grid;gap:20px}.specialties-panel{background:var(--hb-cream);border:1px solid var(--hb-border);border-radius:14px;margin:48px auto 0;max-width:560px;padding:30px}.specialties-list{border:1px solid var(--hb-border);border-radius:10px;margin-bottom:20px;max-height:420px;overflow-y:auto}.specialty-option{align-items:center;border-bottom:1px solid var(--hb-border);cursor:pointer;display:flex;font-size:18px;font-weight:500;gap:12px;padding:14px 16px}.specialty-option:last-child{border-bottom:0}.specialty-option:hover{background:var(--hb-form-background)}.specialty-option input{flex:0 0 auto;height:20px;min-height:0;width:20px}.specialties-loading{margin:0 0 20px;text-align:center}.app-header{align-items:center;border-bottom:1px solid var(--hb-border);display:flex;gap:32px;justify-content:space-between;margin:0 auto;max-width:1320px;min-height:82px;padding:14px 28px}.header-brand{background:transparent;border:0;cursor:pointer;padding:0}.header-brand img{display:block;height:auto;width:164px}.app-nav{align-items:center;display:flex;gap:2px}.nav-link,.logout-button{background:transparent;border:0;color:var(--hb-dark);cursor:pointer;font-weight:700;text-decoration:none}.nav-link{border-radius:8px;font-size:19.2px;padding:12px 10px;white-space:nowrap}.nav-link:hover,.nav-link:focus-visible{background:var(--hb-cream);color:var(--hb-orange)}.nav-link.is-active{background:transparent;border-radius:0;box-shadow:inset 0 -3px 0 var(--hb-dark);color:inherit}.nav-menu{position:relative}.nav-menu-trigger{align-items:center;display:inline-flex;gap:5px}.nav-menu-trigger span{font-size:15px;transition:transform .2s ease}.nav-menu:hover .nav-menu-trigger span,.nav-menu:focus-within .nav-menu-trigger span{transform:rotate(180deg)}.submenu{background:var(--hb-white);border:1px solid var(--hb-border);border-radius:12px;box-shadow:0 12px 24px #081f361a;display:grid;left:0;min-width:238px;opacity:0;padding:8px;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease;visibility:hidden;z-index:10}.nav-menu:hover .submenu,.nav-menu:focus-within .submenu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.submenu button{background:transparent;border:0;border-radius:7px;color:var(--hb-dark);cursor:pointer;font-size:19.2px;font-weight:500;padding:11px 12px;text-align:left;white-space:nowrap}.submenu button:hover,.submenu button:focus-visible{background:var(--hb-cream);color:var(--hb-orange);outline:none}.nav-link--design{border-left:1px solid var(--hb-border);border-radius:0;margin-left:10px;padding-left:18px}.logout-button{align-items:center;background:transparent;border:0;border-radius:8px;display:inline-flex;height:42px;justify-content:center;padding:8px;width:42px}.logout-button svg,.mobile-logout svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:20px}.logout-button:hover,.logout-button:focus-visible{background:var(--hb-dark);color:var(--hb-white)}.mobile-menu-toggle,.mobile-menu{display:none}.app-content{margin:0 auto;max-width:1120px;padding:64px 28px}.app-content:has(.jobs-screen){max-width:none;padding:0}.jobs-screen{color:#081f36}.jobs-hero{background:linear-gradient(90deg,#fffdf1f0,#fffdf1f0 56%,#fffdf114),url(https://happybuilder.bg/uploads/media/rabota/rabota-hero-w1600.webp) center / cover;margin-bottom:0;padding:72px max(28px,calc((100vw - 1264px)/2))}.jobs-heading{max-width:570px}.jobs-heading h1{font-size:clamp(36px,5vw,48px);font-weight:900;margin-bottom:12px}.jobs-heading>p:last-child{font-size:20px;margin:0}.jobs-status,.jobs-list,.jobs-toolbar{margin-left:auto;margin-right:auto;max-width:1264px}.jobs-status{border:1px solid #d8dde2;font-size:16px;font-weight:900;margin-top:28px;padding:20px 24px}.jobs-status--error{background:#fffdf1;border-color:#e2b33f}.jobs-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:28px}.jobs-toolbar>p{font-size:27px;font-weight:900;margin:0;order:2}.jobs-toolbar label{align-items:center;display:flex;font-size:21px;font-weight:900;gap:12px;order:1}.jobs-toolbar select{background:#fff;border:1px solid #d8dde2;border-radius:0;color:#081f36;font-size:16px;height:var(--hb-button-height);padding:8px 36px 8px 12px}.jobs-price-access-button{--hb-primary-button-background: #c5312e;--hb-primary-button-hover: #9f2422;order:0;padding:0 30px}.jobs-list{display:grid;gap:28px;margin-top:28px;padding-bottom:56px}.jobs-project{display:grid;gap:20px}.jobs-project>h2{font-size:clamp(32px,3vw,40px);font-weight:900;line-height:1.15;margin:0;padding-bottom:12px;text-decoration:underline;text-decoration-color:#50c8d6;text-decoration-thickness:5px;text-underline-offset:6px}.jobs-project-list{display:grid;gap:50px}.job-card{background:#fff;border:1px solid #d8dde2;border-radius:0}.job-card-heading{align-items:start;border-bottom:1px solid #d8dde2;display:flex;gap:16px;justify-content:space-between;padding:20px 22px}.job-card-heading h3{font-size:clamp(22px,2vw,27px);font-weight:900;line-height:1.15;margin:0}.job-card-heading time{color:#3f4650;flex:0 0 auto;font-size:clamp(19px,1.7vw,23px);font-weight:400;line-height:1.35;text-align:right;white-space:nowrap}.job-card-body{font-size:19px;padding:20px 22px 22px}.job-card-body>p{line-height:1.55;margin:0 0 10px;white-space:pre-line}.job-lead{font-weight:700;margin-bottom:20px!important}.job-scope-title{font-size:23px;font-weight:900;line-height:1.2;margin:12px 0 0;padding:0}.job-room{margin-top:12px}.job-room h4,.job-section>h5{font-size:19px;font-weight:900;margin:0}.job-room>p{line-height:1.5;margin:6px 0 0}.job-section{margin-top:20px}.job-section>h5{margin-bottom:10px}.job-section-tasks{background:#fff7f1;border:1px solid #e2b33f}.job-task{align-items:start;display:grid;gap:6px 18px;grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}.job-task h5{font-size:19px;font-weight:400;line-height:1.4;margin:0}.job-task-quantity{grid-column:2;margin:0;text-align:right}.job-task-meta{grid-column:1 / -1;line-height:1.45;margin:0;white-space:pre-line}.job-task-meta strong{font-weight:400}.job-apply{align-items:center;display:flex;justify-content:flex-end;margin-top:18px}.job-apply--with-price{gap:18px;justify-content:flex-end}.job-apply--with-price>p{font-size:21px;margin:0!important;white-space:nowrap}.job-apply-cta{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column}.job-apply-button-row{align-items:center;display:flex;gap:8px}.job-apply-button{flex:0 0 auto;padding:0 18px}.job-apply-button--requested{--hb-primary-button-background: #e2b33f;--hb-primary-button-color: var(--hb-dark);--hb-primary-button-hover: #e2b33f}.job-cancel-request{align-items:center;background:transparent;border:1px solid var(--hb-dark);border-radius:50%;color:var(--hb-dark);cursor:pointer;display:inline-flex;font-size:24px;height:30px;justify-content:center;line-height:1;padding:0 0 2px;width:30px}.job-cancel-request:hover{background:var(--hb-dark);color:var(--hb-white)}.job-requested-at{color:#e2b33f;font-size:14px;font-weight:700;margin:6px 0 0!important;text-align:right}.job-owned-package-price{font-size:24px;margin:18px 0 0!important;text-align:right}.jobs-heading--plain{margin:54px auto 32px;max-width:1480px;padding:0 40px}.job-dialog-backdrop{align-items:center;background:#081f366b;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:30}.job-dialog{background:var(--hb-white);border-radius:14px;max-width:440px;padding:32px;position:relative;width:100%}.job-dialog h2{font-size:26px;margin:0 28px 14px 0}.job-dialog p{line-height:1.5;margin:0}.job-dialog a{color:var(--hb-orange);font-weight:700}.job-dialog-close{background:transparent;border:0;color:var(--hb-dark);cursor:pointer;font-size:30px;line-height:1;position:absolute;right:15px;top:13px}.job-package-dialog{max-width:480px;text-align:center}.job-package-dialog h2{margin-left:0}.job-package-confirmation{margin-top:22px!important}.job-package-confirmation-emphasis{color:var(--hb-orange);font-weight:700;margin-top:14px!important}.job-package-confirmation-actions{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:24px}.job-package-request-button{--hb-primary-button-background: #c5312e;--hb-primary-button-hover: #9f2422;margin-top:24px;width:100%}.job-package-request-button.is-pending,.job-package-request-button:disabled{background:#bc6f39}.job-price-dialog{max-width:480px;text-align:center}.job-price-dialog h2{margin-left:0}.job-price-dialog-icon{color:var(--hb-orange);font-size:56px;line-height:1;margin:4px 0 20px}.job-price-request-button{margin-top:24px;padding:0 16px;width:100%}.job-price-request-button:disabled{background:#bc6f39;cursor:default}.job-price-requested{font-size:14px;margin-top:10px!important}.job-price-requested button{background:transparent;border:0;color:var(--hb-dark);cursor:pointer;font-weight:700;padding:2px;text-decoration:underline}.job-price-error{color:#b42318;font-weight:700;margin-top:12px!important}.job-price-call{margin-top:48px}.job-price-call p{font-size:18px;font-weight:700}.job-price-call a{color:#1976d2;display:inline-block;font-size:20px;text-decoration:underline}.screen-loading{margin:0;padding:32px 0;text-align:center}.home-screen{max-width:650px}.mobile-app-download{margin:80px auto;max-width:540px;text-align:center}.mobile-app-download h1{font-size:clamp(30px,4vw,42px);margin-bottom:20px}.mobile-app-download>p:last-of-type{font-size:20px;line-height:1.5;margin:0 auto 30px;max-width:480px}.mobile-app-download-badges{display:inline-block;max-width:300px}.mobile-app-download-badges img{display:block;height:auto;width:100%}.eyebrow{color:var(--hb-orange);font-size:16px;font-weight:700;letter-spacing:.1em;margin:0 0 8px;text-transform:uppercase}.home-screen h1,.guidelines-intro h1{font-size:clamp(36px,5vw,54px);margin-bottom:14px}.home-copy{font-size:20px;margin:0}.home-card{background:var(--hb-card-background);border:1px solid var(--hb-border);border-radius:14px;margin-top:36px;padding:24px}.home-card h2{margin-top:0}.home-card p{margin-bottom:0}.profile-screen{margin:0 auto;max-width:560px}.profile-screen>h1{margin-bottom:28px}.profile-screen-heading{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:28px}.profile-screen-heading h1{margin:0}.profile-actions{display:flex;gap:10px}.private-profile-form{background:var(--hb-cream);border:1px solid var(--hb-border);border-radius:14px;display:grid;gap:20px;padding:30px}.private-specialties{border-top:1px solid var(--hb-border);padding-top:20px}.private-specialties-heading{align-items:center;display:flex;justify-content:space-between}.private-specialties h2{font-size:21px;margin:0 0 12px}.private-specialties-heading .button-text{font-size:16px;margin-bottom:12px}.private-specialties p,.private-specialties ul{margin:0}.private-specialties li{margin:7px 0}.guidelines{display:grid;gap:52px}.guidelines-intro>p:last-child{font-size:20px;margin:0}.guide-section{border-top:1px solid var(--hb-border);padding-top:28px}.guide-section>h2{font-size:27px;margin-top:0}.color-grid{display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr))}.color-card{background:var(--hb-cream);border:1px solid var(--hb-border);border-radius:12px;display:grid;gap:8px;overflow:hidden;padding:12px}.color-swatch{border-bottom:1px solid rgb(8 31 54 / 12%);border-radius:7px;display:block;height:72px}.color-card code{color:var(--hb-dark);font-size:14px}.guide-split{display:grid;gap:56px;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-split h2{margin-top:0}.type-spec{background:var(--hb-form-background);border-radius:8px;font-family:monospace;font-size:15px;padding:10px}.type-scale{display:grid;gap:18px}.type-sample{border-left:2px solid var(--hb-border);padding-left:14px}.type-label{color:var(--hb-orange);display:block;font-size:14px;font-weight:700;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}.type-sample>:last-child{margin-bottom:0}.guide-split h1{font-size:36px}.guide-split h2{font-size:27px}.guide-split h3{font-size:21px}.body-text-sample{font-size:18px}.text-small{font-size:16px}.button-stack{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.button{border-radius:9px;cursor:pointer;font-weight:700;height:var(--hb-button-height);padding:0 16px}.button-primary{background:var(--hb-primary-button-background, var(--hb-orange));border:1px solid var(--hb-dark);color:var(--hb-primary-button-color, var(--hb-white))}.button-secondary{background:var(--hb-white);border:1px solid var(--hb-dark);color:var(--hb-dark)}.button-text{background:transparent;border:0;color:var(--hb-orange);padding-left:0}.sample-field{display:grid;gap:8px;margin-bottom:18px;max-width:360px}.checkbox-row{align-items:center;cursor:pointer;display:flex;gap:10px;margin:12px 0}.checkbox-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--hb-white);border:1px solid var(--hb-dark);border-radius:4px;height:20px;min-height:0;margin:0;width:20px}.checkbox-row input:checked{background-color:var(--hb-orange);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3C/svg%3E");border-color:var(--hb-orange)}.checkbox-row input:focus-visible{outline:3px solid var(--hb-light);outline-offset:2px}.guide-list{margin:0 0 22px;padding-left:22px}.guide-list li{margin:8px 0}.status{border-left:4px solid;border-radius:8px;font-size:16px;font-weight:700;margin:10px 0;padding:10px 12px}.status-success{background:#e8f8fa;border-color:var(--hb-light)}.status-error{background:#fdf1eb;border-color:var(--hb-orange)}@media (max-width: 760px){.app-header{padding:12px 18px}.app-content{padding:42px 18px}.jobs-hero{margin-bottom:28px;padding:42px 24px}.jobs-heading>p:last-child{font-size:18px}.jobs-toolbar{align-items:stretch;display:grid;padding-left:24px;padding-right:24px}.jobs-list{padding-left:24px;padding-right:24px}.jobs-toolbar select,.jobs-price-access-button{width:100%}.job-card-heading{display:grid}.job-card-heading h3{font-size:19px}.job-card-heading time{font-size:15px}.job-task{gap:5px 10px;padding:10px 12px}.job-task h5{font-size:16px}.job-apply-button{width:100%}.job-apply:not(.job-apply--with-price) .job-apply-cta{width:100%}.job-apply:not(.job-apply--with-price) .job-apply-button-row{width:100%}.job-apply--with-price{justify-content:space-between}.job-apply--with-price .job-apply-cta,.job-apply--with-price .job-apply-button{width:auto}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-split{gap:34px;grid-template-columns:1fr}.registration-page{padding:28px 48px}.registration-heading{margin:34px 0 28px}.registration-options{grid-template-columns:1fr}.registration-option--craftsman,.registration-option--client{min-height:227px}.registration-option-tools-icon svg{height:69px;width:69px}.registration-option-client-icon svg{height:63px;width:72px}.registration-form-panel,.specialties-panel{margin-top:24px;padding:24px 20px}.private-profile-form{padding:24px 20px}.profile-screen-heading{align-items:stretch;flex-direction:column}.profile-actions{justify-content:flex-end}}@media (max-width: 920px){.app-page{position:relative}.app-header{min-height:72px}.app-nav{display:none}.mobile-menu-toggle{align-content:center;background:transparent;border:0;border-radius:8px;cursor:pointer;display:grid;gap:5px;height:44px;justify-items:center;padding:10px;width:44px}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus-visible{background:var(--hb-cream)}.mobile-menu-toggle span{background:var(--hb-dark);border-radius:2px;display:block;height:2px;transition:transform .2s ease,opacity .2s ease;width:23px}.mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.is-open span:nth-child(2){opacity:0}.mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{background:var(--hb-white);border-bottom:1px solid var(--hb-border);box-shadow:0 14px 22px #081f3614;display:grid;left:0;max-height:0;opacity:0;overflow:hidden;padding:0 18px;pointer-events:none;position:absolute;right:0;top:72px;transition:max-height .3s ease,opacity .2s ease,padding .3s ease;visibility:hidden;z-index:20}.mobile-menu.is-open{max-height:800px;opacity:1;padding-bottom:18px;padding-top:10px;pointer-events:auto;visibility:visible}.mobile-menu-link,.mobile-logout{background:transparent;border:0;border-bottom:1px solid var(--hb-border);color:var(--hb-dark);cursor:pointer;font-size:20px;font-weight:700;min-height:56px;padding:14px 4px;text-align:left;text-decoration:none}.mobile-menu-link.is-active{box-shadow:inset 0 -3px 0 var(--hb-dark)}.mobile-section-trigger{align-items:center;display:flex;justify-content:space-between;width:100%}.mobile-section-trigger span{font-size:18px;transition:transform .2s ease}.mobile-section-trigger[aria-expanded=true] span{transform:rotate(180deg)}.mobile-submenu{display:grid;max-height:0;overflow:hidden;transition:max-height .24s ease}.mobile-submenu.is-open{max-height:190px}.mobile-submenu button{background:var(--hb-cream);border:0;border-bottom:1px solid var(--hb-border);color:var(--hb-dark);cursor:pointer;font-size:18px;padding:13px 16px;text-align:left}.mobile-submenu button:hover,.mobile-submenu button:focus-visible{color:var(--hb-orange)}.mobile-logout{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--hb-dark);display:inline-flex;height:42px;justify-content:center;margin-top:18px;padding:8px;width:42px}.mobile-logout:hover,.mobile-logout:focus-visible{background:var(--hb-dark);color:var(--hb-white)}}@media (min-width: 921px){.app-header{background:var(--hb-menu-background);margin:0;max-width:none;padding-left:max(28px,calc((100vw - 1264px)/2));padding-right:max(28px,calc((100vw - 1264px)/2))}.button{transition:background-color .18s ease,transform .18s ease}.button-primary:hover,.button-primary:focus-visible{background:var(--hb-primary-button-hover, #cf7134);transform:translateY(-2px)}.button-secondary:hover,.button-secondary:focus-visible{background:#f4f2ed;transform:translateY(-2px)}.button-text:hover,.button-text:focus-visible{color:#b9622d}}
