.help-page { background: #f7f8fa; }
.help-main { padding: 36px 0 72px; }
.help-shell { max-width: 1180px; }
.help-hero { background: linear-gradient(135deg,#fff 20%,#fff3ea); border: 1px solid #f5d0b9; border-radius: 25px; margin-bottom: 38px; padding: clamp(30px,5vw,56px); }
.help-hero > span { align-items:center; background:#fff; border:1px solid #f7caaa; border-radius:999px; color:var(--primary); display:inline-flex; font-size:13px; font-weight:750; gap:8px; padding:7px 13px; }
.help-hero h1 { font-size:clamp(34px,5vw,54px); line-height:1.08; margin:18px 0 12px; }
.help-hero p { color:var(--text-light); font-size:17px; line-height:1.7; max-width:720px; }
.help-quick { margin-bottom:38px; }.help-quick > header,.help-faq > header { margin-bottom:18px; }.help-quick h2,.help-faq h2,.help-support h2 { font-size:27px; }.help-quick header p,.help-faq header p { color:var(--text-light); }
.help-quick-grid { display:grid; gap:15px; grid-template-columns:repeat(3,1fr); }.help-quick-grid article,.help-faq,.help-support { background:#fff; border:1px solid #e5e7eb; border-radius:17px; box-shadow:0 5px 22px rgba(31,35,41,.04); }.help-quick-grid article { padding:22px; }.help-quick-grid article > span { align-items:center; background:var(--primary-light); border-radius:11px; color:var(--primary); display:flex; height:43px; justify-content:center; margin-bottom:14px; width:43px; }.help-quick-grid h3 { font-size:18px; margin-bottom:7px; }.help-quick-grid p { color:var(--text-light); font-size:14px; line-height:1.6; }
.help-content-grid { align-items:start; display:grid; gap:22px; grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr); }.help-faq { overflow:hidden; }.help-faq > header { border-bottom:1px solid var(--border); margin:0; padding:23px; }.help-faq-item { border-bottom:1px solid var(--border); }.help-faq-item:last-child { border:0; }.help-faq-item > button { align-items:center; background:#fff; border:0; color:var(--text); cursor:pointer; display:flex; font:inherit; font-weight:700; gap:15px; justify-content:space-between; padding:17px 22px; text-align:left; width:100%; }.help-faq-item > button:hover { background:#fff9f5; }.help-faq-item > button i { color:var(--primary); transition:.2s; }.help-faq-item > div { display:none; padding:0 22px 18px; }.help-faq-item > div p { color:var(--text-light); font-size:14px; line-height:1.7; }.help-faq-item a { color:var(--primary); font-weight:700; }.help-faq-item.is-open > div { display:block; }.help-faq-item.is-open > button i { transform:rotate(180deg); }
.help-support { padding:25px; position:sticky; top:100px; }.help-support-icon { align-items:center; background:var(--primary-light); border-radius:13px; color:var(--primary); display:flex; font-size:21px; height:49px; justify-content:center; margin-bottom:15px; width:49px; }.help-support > p { color:var(--text-light); font-size:14px; line-height:1.65; margin:8px 0 18px; }.help-open-form { justify-content:center; width:100%; }.help-form-wrap { border-top:1px solid var(--border); margin-top:23px; padding-top:22px; }.help-form-wrap[hidden] { display:none; }.help-form-wrap form { display:grid; gap:14px; }.help-form-wrap label { font-size:13px; font-weight:700; }.help-form-wrap input,.help-form-wrap select,.help-form-wrap textarea { background:#fafafa; border:1px solid #dfe1e5; border-radius:9px; display:block; font:inherit; margin-top:6px; padding:10px 12px; width:100%; }.help-form-wrap input,.help-form-wrap select { min-height:47px; }.help-form-wrap textarea { resize:vertical; }.help-form-wrap form > div { display:flex; gap:10px; }.help-form-wrap form > div .btn { flex:1; justify-content:center; padding-left:12px; padding-right:12px; }.help-feedback { border-radius:9px; display:none; font-size:13px; margin-bottom:14px; padding:11px 13px; }.help-feedback.is-error { background:#fff0ef; color:#b42318; display:block; }.help-feedback.is-success { background:#ecfdf3; color:#067647; display:block; }
@media(max-width:900px){.help-quick-grid{grid-template-columns:repeat(2,1fr)}.help-content-grid{grid-template-columns:1fr}.help-support{position:static}}@media(max-width:560px){.help-main{padding-top:22px}.help-quick-grid{grid-template-columns:1fr}.help-form-wrap form>div{flex-direction:column-reverse}}
.help-guides { margin:54px 0; }.help-guides>header { margin:0 auto 25px;max-width:760px;text-align:center }.help-guides>header>span,.help-faq-static>header>span,.help-journey>div>span { color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase }.help-guides>header h2,.help-faq-static>header h2,.help-journey h2 { font-size:clamp(28px,4vw,38px);line-height:1.18;margin:7px 0 9px }.help-guides>header p,.help-faq-static>header p,.help-journey>div>p { color:var(--text-light);line-height:1.65 }.help-guides-grid { display:grid;gap:17px;grid-template-columns:repeat(2,1fr) }.help-guides-grid article { background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px }.help-guides-grid article>span { align-items:center;background:var(--primary-light);border-radius:12px;color:var(--primary);display:flex;font-size:19px;height:47px;justify-content:center;margin-bottom:15px;width:47px }.help-guides-grid h3 { font-size:21px;margin-bottom:12px }.help-guides-grid ul { display:grid;gap:9px;list-style:none }.help-guides-grid li { align-items:flex-start;color:var(--text-light);display:flex;font-size:14px;gap:9px;line-height:1.55 }.help-guides-grid li i { color:var(--primary);font-size:10px;margin-top:6px }
.help-journey { align-items:center;background:linear-gradient(135deg,#242424,#34271f);border-radius:23px;color:#fff;display:grid;gap:34px;grid-template-columns:.8fr 1.2fr;margin:55px 0;overflow:hidden;padding:clamp(27px,4vw,45px);position:relative }.help-journey::after { border:35px solid rgba(253,93,0,.13);border-radius:50%;content:'';height:190px;position:absolute;right:-75px;top:-95px;width:190px }.help-journey h2{color:#fff}.help-journey>div>p{color:#c9c9c9}.help-journey ol{display:grid;gap:12px;list-style:none;position:relative;z-index:1}.help-journey li{align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:13px;display:flex;gap:13px;padding:12px 15px}.help-journey li>strong{align-items:center;background:var(--primary);border-radius:9px;display:flex;flex:0 0 34px;height:34px;justify-content:center}.help-journey li span{color:#d0d0d0;display:grid;font-size:13px}.help-journey li b{color:#fff;font-size:15px}
.help-faq-static{margin:55px 0}.help-faq-static>header{margin-bottom:24px}.help-faq-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.help-faq-grid article{align-items:flex-start;background:#fff;border:1px solid #e4e6e9;border-radius:16px;display:flex;gap:15px;padding:21px}.help-faq-grid article>span{color:#f0a274;font-size:12px;font-weight:800;letter-spacing:.08em;margin-top:3px}.help-faq-grid h3{font-size:17px;line-height:1.35;margin-bottom:7px}.help-faq-grid p{color:var(--text-light);font-size:14px;line-height:1.65}.help-faq-grid a{color:var(--primary);font-weight:700}
.help-attendance-cta{align-items:center;background:#fff;border:1px solid #f0c7ad;border-radius:20px;box-shadow:0 12px 35px rgba(77,43,21,.07);display:flex;gap:25px;justify-content:space-between;margin-top:50px;padding:28px}.help-attendance-cta>div{align-items:center;display:flex;gap:17px}.help-attendance-cta>div>span{align-items:center;background:var(--primary);border-radius:15px;color:#fff;display:flex;flex:0 0 55px;font-size:21px;height:55px;justify-content:center}.help-attendance-cta small{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.help-attendance-cta h2{font-size:23px}.help-attendance-cta p{color:var(--text-light);font-size:14px}.help-attendance-cta>.btn{flex:0 0 auto}
.help-attendance-shell{max-width:1120px}.help-breadcrumb{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:9px;margin-bottom:22px}.help-breadcrumb a{color:var(--primary);font-weight:700;text-decoration:none}.help-breadcrumb i{font-size:8px}.help-attendance-layout{align-items:start;display:grid;gap:23px;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr)}.help-attendance-form-card,.help-attendance-aside article{background:#fff;border:1px solid #e4e6e9;border-radius:19px;box-shadow:0 8px 28px rgba(35,39,44,.05)}.help-attendance-form-card{padding:clamp(24px,4vw,38px)}.help-attendance-eyebrow{align-items:center;color:var(--primary);display:flex;font-size:12px;font-weight:800;gap:8px;letter-spacing:.1em;text-transform:uppercase}.help-attendance-form-card h1{font-size:clamp(31px,4vw,43px);line-height:1.15;margin:8px 0}.help-attendance-form-card>p{color:var(--text-light);margin-bottom:25px}.help-attendance-form{display:grid;gap:17px}.help-attendance-form label{font-size:14px;font-weight:700}.help-attendance-form input,.help-attendance-form select,.help-attendance-form textarea{background:#fafafa;border:1px solid #dfe1e5;border-radius:10px;display:block;font:inherit;margin-top:7px;padding:11px 13px;width:100%}.help-attendance-form input,.help-attendance-form select{min-height:49px}.help-attendance-form textarea{resize:vertical}.help-attendance-form label>small{color:var(--text-muted);display:block;font-size:11px;font-weight:500;margin-top:6px}.help-form-grid{display:grid;gap:15px;grid-template-columns:1fr 1fr}.help-attendance-actions{display:flex;gap:11px;justify-content:flex-end;margin-top:3px}.help-attendance-aside{display:grid;gap:16px}.help-attendance-aside article{padding:22px}.help-attendance-aside article>span{align-items:center;background:var(--primary-light);border-radius:11px;color:var(--primary);display:flex;height:43px;justify-content:center;margin-bottom:13px;width:43px}.help-attendance-aside h2{font-size:19px;margin-bottom:9px}.help-attendance-aside ul{display:grid;gap:8px;padding-left:18px}.help-attendance-aside li,.help-attendance-aside p{color:var(--text-light);font-size:13px;line-height:1.55}.help-attendance-aside>a{align-items:center;background:#fff8f3;border:1px solid #f3d1ba;border-radius:15px;color:var(--text);display:flex;gap:11px;padding:16px;text-decoration:none}.help-attendance-aside>a>i:first-child,.help-attendance-aside>a>i:last-child{color:var(--primary)}.help-attendance-aside>a>i:last-child{margin-left:auto}.help-attendance-aside>a span{display:grid;font-size:12px}.help-attendance-aside>a strong{font-size:14px}
@media(max-width:900px){.help-attendance-layout{grid-template-columns:1fr}.help-journey{grid-template-columns:1fr}}@media(max-width:650px){.help-guides-grid,.help-faq-grid,.help-form-grid{grid-template-columns:1fr}.help-attendance-cta{align-items:flex-start;flex-direction:column}.help-attendance-cta>.btn{justify-content:center;width:100%}.help-attendance-actions{flex-direction:column-reverse}.help-attendance-actions>*{justify-content:center;width:100%}}