/* New standalone pages - HikmatullahSiraj.com */
.inner-page { min-height: 70vh; background: var(--bg, #10131a); }
.inner-hero { padding: 68px 0 52px; color: #f7f8fb; background: radial-gradient(circle at 80% 10%,rgba(224,145,47,.13),transparent 34%),linear-gradient(125deg,#121b31,#1b2945); }
.inner-hero .page-kicker,.page-kicker { display:inline-block; margin-bottom:13px; color:#E0912F; font-size:.76rem; font-weight:800; letter-spacing:2px; }
.inner-hero h1 { max-width:850px; margin:0 0 15px; color:#fff; font-size:clamp(2.2rem,5vw,3.6rem); font-weight:850; line-height:1.15; }
.inner-hero p { max-width:720px; margin:0; color:#bdc8da; font-size:1.03rem; line-height:1.85; }
.page-section { padding-top:52px; padding-bottom:85px; }
.timeline-heading { display:flex; align-items:center; gap:12px; margin:10px 0 25px; }
.timeline-heading>i { color:#E0912F; font-size:1.45rem; }
.timeline-heading h2,.content-section-heading h2 { margin:0; color:var(--text,#f4f6f9); font-size:1.65rem; font-weight:800; }
.experience-timeline { position:relative; margin-left:11px; padding-left:28px; border-left:2px solid rgba(224,145,47,.38); }
.timeline-item { position:relative; padding:0 0 22px; }
.timeline-dot { position:absolute; top:23px; left:-36px; width:14px; height:14px; background:#E0912F; border:3px solid #10131a; border-radius:50%; box-shadow:0 0 0 3px rgba(224,145,47,.18); }
.timeline-card { padding:22px 24px; background:var(--panel,#1a202b); border:1px solid var(--line,#2a3240); border-radius:14px; }
.timeline-meta,.education-year { color:#E0912F; font-size:.8rem; font-weight:800; }
.timeline-current { display:inline-block; margin-left:8px; padding:3px 8px; color:#27c58b; background:rgba(39,197,139,.1); border-radius:20px; font-size:.68rem; }
.timeline-card h3 { margin:10px 0 5px; color:var(--text,#f4f6f9); font-size:1.15rem; font-weight:800; }
.timeline-card h4 { margin:0 0 10px; color:#d5dbe5; font-size:.93rem; font-weight:650; }
.timeline-card p { margin:0; color:var(--muted,#a5afbf); line-height:1.8; }
.education-heading { margin-top:30px; }
.education-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.resume-cta,.learning-note,.certificate-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:30px; padding:24px; background:linear-gradient(120deg,#17223a,#202c46); border:1px solid #35415a; border-radius:16px; }
.resume-cta h3,.learning-note strong,.certificate-intro h2 { margin:0 0 6px; color:#fff; font-size:1.1rem; font-weight:800; }
.resume-cta p,.learning-note p,.certificate-intro p { margin:0; color:#b8c4d7; line-height:1.7; }
.course-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:25px; }
.course-card { display:flex; flex-direction:column; align-items:flex-start; min-height:300px; padding:27px; background:var(--panel,#1a202b); border:1px solid var(--line,#2a3240); border-radius:17px; transition:transform .2s,border-color .2s; }
.course-card:hover { transform:translateY(-4px); border-color:rgba(224,145,47,.6); }
.course-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:18px; color:#E0912F; background:rgba(224,145,47,.12); border-radius:13px; font-size:1.4rem; }
.course-label { margin-bottom:8px; color:#E0912F; font-size:.7rem; font-weight:800; letter-spacing:1.5px; }
.course-card h3 { margin:0 0 10px; color:var(--text,#f4f6f9); font-size:1.25rem; font-weight:800; }
.course-card p { color:var(--muted,#a5afbf); line-height:1.8; }
.course-tags { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 20px; }
.course-tags span { padding:5px 9px; color:#e8bd88; background:rgba(224,145,47,.09); border:1px solid rgba(224,145,47,.16); border-radius:7px; font-size:.72rem; }
.course-card .btn,.course-contact-link { margin-top:auto; }
.course-contact-link,.text-link { color:#E0912F; font-weight:750; text-decoration:none; }
.course-contact-link:hover,.text-link:hover { color:#f4b45e; }
.content-section-heading { display:flex; align-items:end; justify-content:space-between; gap:15px; }
.learning-note { justify-content:flex-start; }
.learning-note>i,.certificate-intro>i { color:#E0912F; font-size:1.8rem; }
.certificate-intro { justify-content:flex-start; margin:0 0 22px; }
.certificate-empty { padding:55px 22px; text-align:center; background:var(--panel,#1a202b); border:1px dashed #485166; border-radius:17px; }
.certificate-empty-icon { display:grid; place-items:center; width:70px; height:70px; margin:0 auto 18px; color:#E0912F; background:rgba(224,145,47,.12); border-radius:20px; font-size:2rem; }
.certificate-empty h3 { color:var(--text,#f4f6f9); font-weight:800; }
.certificate-empty p { color:var(--muted,#a5afbf); line-height:1.8; }
.tools-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.tool-card { min-width:0; padding:24px; background:var(--panel,#1a202b); border:1px solid var(--line,#2a3240); border-radius:16px; }
.tool-card-heading { display:flex; gap:13px; align-items:flex-start; margin-bottom:20px; }
.tool-card-heading>i { color:#E0912F; font-size:1.55rem; }
.tool-card-heading h2 { margin:0 0 4px; color:var(--text,#f4f6f9); font-size:1.15rem; font-weight:800; }
.tool-card-heading p { margin:0; color:var(--muted,#a5afbf); font-size:.85rem; }
.tool-card .form-label { color:var(--text,#f4f6f9); font-size:.85rem; }
.tool-card .form-control { color:var(--text,#f4f6f9); background:#10151f; border-color:#374052; }
.tool-card .form-control:focus { border-color:#E0912F; box-shadow:0 0 0 .2rem rgba(224,145,47,.14); }
.tool-textarea { resize:vertical; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.85rem; }
.tool-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:12px 0 17px; color:var(--muted,#a5afbf); font-size:.85rem; }
.tool-checks input { accent-color:#E0912F; margin-right:6px; }
.tool-output-row { display:flex; gap:8px; margin-top:13px; }
.tool-actions { display:flex; flex-wrap:wrap; gap:8px; margin:13px 0; }
.tool-code-output { min-height:70px; max-height:220px; overflow:auto; margin:12px 0 0; padding:13px; color:#c9d7ea; background:#0d1119; border:1px solid #30394a; border-radius:9px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:.8rem; }
.tool-status { display:block; min-height:18px; margin-top:7px; color:#35c78e; }
.counter-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:15px; }
.counter-stats div { padding:13px 8px; text-align:center; background:#10151f; border:1px solid #30394a; border-radius:9px; }
.counter-stats strong,.counter-stats span { display:block; }
.counter-stats strong { color:#E0912F; font-size:1.3rem; }
.counter-stats span { color:var(--muted,#a5afbf); font-size:.75rem; }
.tools-privacy { margin-top:22px; color:var(--muted,#a5afbf); font-size:.82rem; }
.tools-privacy i { color:#E0912F; margin-right:6px; }
[dir="rtl"] .experience-timeline { margin-left:0; margin-right:11px; padding-left:0; padding-right:28px; border-left:0; border-right:2px solid rgba(224,145,47,.38); }
[dir="rtl"] .timeline-dot { left:auto; right:-36px; }
[dir="rtl"] .tool-checks input { margin-right:0; margin-left:6px; }
@media(max-width:767.98px){.inner-hero{padding:48px 0 38px}.page-section{padding-top:35px;padding-bottom:60px}.education-grid,.course-grid,.tools-grid{grid-template-columns:1fr}.resume-cta{align-items:flex-start;flex-direction:column}.content-section-heading{align-items:flex-start;flex-direction:column}.certificate-intro{align-items:flex-start}.timeline-card{padding:18px}.tool-card{padding:19px}}