.main-panel { margin: 0 auto; }
.content-wrapper.auth { padding: 0; background: #f4f8ff; }
.goalbar-welcome { min-height: 100vh; width: 100%; color: #102a56; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.goalbar-site-nav{display:flex;justify-content:space-between;gap:20px;align-items:center;max-width:1168px;margin:auto;padding:22px 24px}.goalbar-site-nav a{color:#073b78;font-weight:600;text-decoration:none}.goalbar-site-nav div{display:flex;gap:24px}.goalbar-faq{max-width:850px;margin:auto}.goalbar-faq details{border-bottom:1px solid #dce7f3;padding:20px 0}.goalbar-faq summary{cursor:pointer;color:#073b78;font-weight:600}.goalbar-faq p{font-size:15px;color:#5b718e;line-height:1.8}.goalbar-mini-card strong{font-size:24px!important}#questions{margin-top:56px}@media(max-width:560px){.goalbar-site-nav{align-items:flex-start;flex-direction:column}.goalbar-site-nav div{gap:18px;font-size:13px}}
.goalbar-hero { min-height: calc(100vh - 56px); display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 64px; max-width: 1280px; margin: 0 auto; padding: 64px 56px; }
.goalbar-copy { max-width: 650px; }
.goalbar-brand { display: flex; align-items: center; gap: 14px; margin-bottom: 54px; }
.goalbar-brand img { width: 62px; height: 62px; border-radius: 16px; box-shadow: 0 12px 30px rgba(0, 79, 160, .2); }
.goalbar-brand div { display: flex; flex-direction: column; line-height: 1.05; }
.goalbar-brand strong { font-size: 25px; color: #063c81; }
.goalbar-brand span { font-size: 17px; color: #ffad00; font-weight: 800; letter-spacing: .04em; }
.goalbar-kicker { display: inline-block; padding: 8px 13px; border-radius: 999px; background: #e5f6ff; color: #0078b8; font-size: 12px; font-weight: 800; letter-spacing: .13em; }
.goalbar-copy h1 { margin: 18px 0; font-size: clamp(42px, 5vw, 70px); line-height: 1.02; letter-spacing: -.045em; color: #062a62; }
.goalbar-copy > p { max-width: 590px; margin-bottom: 30px; color: #526987; font-size: 19px; line-height: 1.65; }
.goalbar-install-form label { display: block; margin-bottom: 8px; font-weight: 700; }
.goalbar-input-row { display: flex; gap: 10px; }
.goalbar-input-row input { flex: 1; min-width: 0; padding: 15px 17px; border: 1px solid #c8d7eb; border-radius: 12px; background: #fff; color: #102a56; font-size: 16px; box-shadow: 0 8px 24px rgba(34, 79, 129, .07); }
.goalbar-input-row input:focus { outline: 3px solid rgba(0, 153, 220, .18); border-color: #0099dc; }
.goalbar-input-row button { padding: 15px 22px; border: 0; border-radius: 12px; background: linear-gradient(135deg, #009fe3, #0647a1); color: #fff; font-weight: 800; cursor: pointer; box-shadow: 0 12px 28px rgba(5, 80, 166, .24); }
.goalbar-points { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 22px; color: #526987; font-size: 13px; font-weight: 700; }
.goalbar-points span::before { content: "✓"; margin-right: 6px; color: #02a779; }
.goalbar-preview { position: relative; min-height: 570px; display: flex; align-items: center; justify-content: center; }
.goalbar-glow { position: absolute; inset: 6%; border-radius: 46% 54% 58% 42%; background: radial-gradient(circle at 35% 30%, #d7f7ff, #b8ddff 48%, #dfe9ff 100%); transform: rotate(-5deg); }
.goalbar-product-icon { position: absolute; z-index: 2; top: 45px; right: 38px; width: 132px; border-radius: 30px; box-shadow: 0 24px 48px rgba(0, 64, 144, .25); transform: rotate(6deg); }
.goalbar-demo-card { position: relative; z-index: 1; width: min(460px, 86%); padding: 34px; border: 1px solid rgba(255,255,255,.75); border-radius: 22px; background: rgba(255,255,255,.9); box-shadow: 0 28px 70px rgba(17, 66, 125, .18); backdrop-filter: blur(10px); }
.goalbar-demo-label { color: #0093d5; font-size: 11px; font-weight: 900; letter-spacing: .15em; }
.goalbar-demo-card h2 { margin: 14px 0 26px; font-size: 28px; line-height: 1.25; color: #073b78; }
.goalbar-progress { overflow: hidden; height: 13px; border-radius: 99px; background: #dce9f7; }
.goalbar-progress span { display: block; width: 72%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #03afe8, #0752b5 72%, #ffbd00); }
.goalbar-demo-meta { display: flex; justify-content: space-between; margin-top: 10px; color: #5d7491; }
.goalbar-mini-card { position: absolute; z-index: 2; left: 8px; bottom: 70px; display: flex; flex-direction: column; width: 170px; padding: 20px; border-radius: 18px; background: #073b78; color: #fff; box-shadow: 0 18px 38px rgba(0, 43, 99, .25); }
.goalbar-mini-card strong { font-size: 34px; color: #ffc21a; }
.goalbar-mini-card span { font-size: 13px; opacity: .85; }
.goalbar-welcome footer { padding: 18px; text-align: center; color: #6c7f98; font-size: 13px; }
@media (max-width: 900px) { .goalbar-hero { grid-template-columns: 1fr; padding: 36px 24px; gap: 18px; } .goalbar-brand { margin-bottom: 32px; } .goalbar-preview { min-height: 430px; } }
@media (max-width: 560px) { .goalbar-copy h1 { font-size: 42px; } .goalbar-input-row { flex-direction: column; } .goalbar-preview { min-height: 370px; } .goalbar-product-icon { width: 92px; right: 12px; } .goalbar-mini-card { left: 0; bottom: 18px; } }.goalbar-features{background:#fff;border-top:1px solid #dfebf7;padding:80px max(24px,calc((100% - 1168px)/2))}.goalbar-section-head{margin:0 auto 38px;max-width:780px;text-align:center}.goalbar-section-head h2{color:#062a62;font-size:38px;line-height:1.15;margin:16px 0}.goalbar-section-head p{color:#5b718e;font-size:17px;line-height:1.6}.goalbar-feature-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.goalbar-feature-grid article{background:#f7faff;border:1px solid #dfeaf6;border-radius:17px;padding:25px}.goalbar-feature-grid article>span{color:#0586c7;font-size:11px;font-weight:900;letter-spacing:.12em}.goalbar-feature-grid h3{color:#073b78;font-size:19px;margin:11px 0 8px}.goalbar-feature-grid p{color:#5b718e;font-size:14px;line-height:1.6;margin:0}.goalbar-how{background:#073b78;border-radius:18px;display:grid;gap:1px;grid-template-columns:repeat(4,1fr);margin-top:24px;overflow:hidden}.goalbar-how div{background:rgba(255,255,255,.04);padding:22px}.goalbar-how strong,.goalbar-how span{display:block}.goalbar-how strong{color:#fff}.goalbar-how span{color:#bcd4ec;font-size:12px;margin-top:5px}@media(max-width:900px){.goalbar-feature-grid{grid-template-columns:1fr 1fr}.goalbar-how{grid-template-columns:1fr 1fr}}@media(max-width:560px){.goalbar-features{padding:55px 20px}.goalbar-section-head h2{font-size:30px}.goalbar-feature-grid,.goalbar-how{grid-template-columns:1fr}}