:root { --brand-orange: #fa8500; --bs-body-color: #303238; --bs-body-bg: #f5f5f4; --bs-secondary-color: #656870; --bs-primary: #fa8500; --bs-primary-rgb: 250,133,0; }
body { font-family: "Segoe UI", system-ui, sans-serif; }
.site-header { background: #fff; border-bottom: 1px solid #e6e6e4; }
.wordmark { display: block; position: relative; width: 108px; height: 40px; overflow: hidden; }
.wordmark img { position: absolute; left: 0; top: -29px; }
.brand-divider { height: 25px; width: 1px; background: #dededb; }
.brand-product { font-size: 1.15rem; font-weight: 600; color: #404249; letter-spacing: -.04em; }
.header-label { color: #656870; font-size: .8rem; }
.hero { min-height: 240px; }
.eyebrow, .section-label { font-size: .7rem; font-weight: 700; letter-spacing: .13em; color: #78501e; }
.brand-dot { display: inline-block; width: 7px; height: 7px; background: var(--brand-orange); border-radius: 50%; margin-right: 7px; }
h1 { font-size: clamp(2rem, 3.6vw, 3.2rem); font-weight: 650; letter-spacing: -.055em; line-height: 1.14; }
h1 span { color: #73757b; }
.hero-description { color: #656870; line-height: 1.8; font-size: .95rem; }
.brand-art { width: 270px; height: 230px; position: relative; display: flex; align-items: center; justify-content: center; }
.brand-art img { z-index: 1; border-radius: 50%; }
.orbit { position: absolute; border: 1px solid #e3d6c6; border-radius: 50%; width: 195px; height: 195px; }
.orbit-two { width: 250px; height: 250px; border-style: dashed; }
.art-label { position: absolute; bottom: 5px; z-index: 2; background: #fff; border: 1px solid #eee5d8; padding: 7px 15px; border-radius: 20px; font-size: .75rem; color: #78501e; }
.auth-card { border: 1px solid #e4e4e1; border-radius: 16px; background: #fff; box-shadow: 0 5px 22px #30323804; }
.auth-card h2 { letter-spacing: -.035em; font-weight: 650; }
.auth-card p { font-size: .9rem; }
.form-label { font-size: .85rem; font-weight: 600; }
.form-control { background: #fff; border-color: #d6d7d8; min-height: 48px; border-radius: 8px; padding: .7rem .9rem; font-size: .9rem; }
.form-control::placeholder { color: #777b82; }
.form-control:focus { border-color: var(--brand-orange); box-shadow: 0 0 0 .2rem #fa850026; }
.btn { font-weight: 600; border-radius: 8px; padding: .75rem 1rem; }
.btn-primary { --bs-btn-color: #30200a; --bs-btn-bg: #fa8500; --bs-btn-border-color: #fa8500; --bs-btn-hover-color: #30200a; --bs-btn-hover-bg: #ed7c00; --bs-btn-hover-border-color: #ed7c00; --bs-btn-active-color: #30200a; --bs-btn-active-bg: #e87900; --bs-btn-active-border-color: #e87900; --bs-btn-disabled-bg: #fa8500; --bs-btn-disabled-border-color: #fa8500; --bs-btn-disabled-color: #30200a; --bs-btn-focus-shadow-rgb: 250,133,0; }
.btn-outline-primary { --bs-btn-color: #985000; --bs-btn-border-color: #d87500; --bs-btn-hover-color: #30200a; --bs-btn-hover-bg: #fff1df; --bs-btn-hover-border-color: #d87500; --bs-btn-active-color: #30200a; --bs-btn-active-bg: #ffe4c2; --bs-btn-active-border-color: #d87500; --bs-btn-disabled-color: #985000; --bs-btn-disabled-border-color: #d87500; --bs-btn-focus-shadow-rgb: 250,133,0; }
.btn span { margin-left: .6rem; }
.btn-sm { padding: .5rem .85rem; font-size: .8rem; }
.access-note { padding-top: 1.25rem; border-top: 1px solid #eee; color: #73757b; font-size: .8rem; }
.session-panel { background: #eeefed; border: 1px solid #e1e2df; border-radius: 12px; }
#perfil-dados { overflow-wrap: anywhere; }
.alert { border-radius: 10px; }
@media (max-width: 575.98px) { .hero { min-height: auto; padding-top: 12px; } .auth-card h2 { font-size: 1.45rem; } }