:root{--color-navy:#0f2c5c;--color-lapis:#486290;--color-indian-red:#e76361;--color-charcoal:#374151;--color-white:#fff;--color-light-gray:#f0f4f8;--color-light-vanilla:#ffe69f;--text-dark:var(--color-charcoal);--text-medium:var(--color-navy);--text-light:var(--color-lapis);--brand-blue:var(--color-navy);--brand-secondary:var(--color-lapis);--brand-accent:var(--color-indian-red)}.topbar{align-items:center;color:var(--color-navy);display:flex;justify-content:space-between;margin:-2rem -2rem 2rem;padding:2rem}.topbar__info{border:1px solid hsla(0,0%,100%,.4);border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:background .2s}.topbar__info:hover{background:hsla(0,0%,100%,.3)}.brand{align-items:center;display:flex;justify-content:space-between;width:100%}.brand__title h1{font-size:1.75rem;margin:0 0 .25rem}.brand__title p{font-size:.95rem;margin:0;opacity:.9}.themebuilder-intro{margin-bottom:2rem}.themebuilder-intro h2{color:var(--text-dark);font-size:1.5rem;margin:0 0 .5rem}.themebuilder-intro p{color:var(--text-light);font-size:1rem;margin:0}.themebuilder-intro__error{color:var(--brand-accent);font-size:.9rem;margin-top:.75rem}.themebuilder-cards{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem}.themebuilder-cards__col{display:flex;flex-direction:column;gap:2.5rem;min-width:380px}.themebuilder-cards__col .card--login{min-width:380px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:1.5rem}.card h3{color:var(--text-dark);font-size:1.25rem;margin:0 0 .5rem}.card p{color:#6b7280;font-size:.9rem;margin:0 0 1rem}.btn{border-radius:6px;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.btn--primary{background-color:#2563eb;color:#fff}.btn--primary:hover{background-color:#1d4ed8}.btn--secondary{background-color:#f3f4f6;color:#374151}.btn--secondary:hover{background-color:#e5e7eb}.card--login{padding:1rem}.card--login .card p{margin-bottom:.5rem}.card--login h3{margin-bottom:.35rem}.login-form{display:flex;flex-direction:column;gap:.25rem}.login-form__row{display:flex;flex-direction:row;gap:.5rem}.login-form__field{display:flex;flex:1;flex-direction:column;gap:.25rem;min-width:0}.login-form__field--short{flex:0 0 auto;width:4.5rem}.login-form__label{color:var(--text-dark);font-size:.8rem;font-weight:500}.login-form__input{border:1px solid #e5e7eb;border-radius:4px;font-size:.85rem;padding:.35rem .5rem}.login-form__input:focus{border-color:var(--color-lapis);outline:none}.login-form__submit{border:none;cursor:pointer;font-size:.85rem;margin-top:.35rem;padding:.4rem .75rem}