/* Stars Driving School — homepage-only styling. No effect on exam pages. */
:root{--stars-ink:#17212c;--stars-ink-soft:#4e5b68;--stars-gold:#f5b51b;--stars-gold-dark:#cc8d04;--stars-bg:#f7f8fa;--stars-line:#e8ebee}
html{scroll-behavior:smooth}
#stars-welcome,#projectmanager,#stars-road-safety{scroll-margin-top:84px}
/* Text identity instead of the original theme demo's green logos. */
#header .logo .stars-brand{display:flex!important;align-items:center;gap:10px;margin:0;white-space:normal;text-decoration:none;min-height:60px;max-width:280px}
#header .logo .stars-brand-symbol{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:var(--stars-gold);color:#1b1b1b;border-radius:13px;font-size:21px;box-shadow:0 5px 18px rgba(0,0,0,.12)}
#header .logo .stars-brand-text{font-family:Cairo,Tahoma,sans-serif;text-align:right;color:#fff;font-weight:900;font-size:17px;line-height:1.4}
#header .logo .stars-brand-text small{font:600 10px/1.6 Cairo,Tahoma,sans-serif;display:block;color:rgba(255,255,255,.85)}
@media(min-width:992px){#header .logo .stars-brand{max-width:230px}#header .logo .stars-brand-text{font-size:15px}#header .logo .stars-brand-text small{font-size:9px}}
/* Individual sections follow the site's Cairo font and RTL document direction. */
.stars-intro,.stars-profile,.stars-safety{font-family:Cairo,Tahoma,Arial,sans-serif;direction:rtl;position:relative;text-align:right}
.stars-intro *,.stars-profile *,.stars-safety *{box-sizing:border-box}
.stars-intro{padding:98px 0 100px;background:#fff;overflow:hidden}
.stars-intro:before{content:"";position:absolute;left:-95px;top:-135px;width:390px;height:390px;border:90px solid rgba(245,181,27,.075);border-radius:50%;pointer-events:none}
.stars-intro-layout{display:grid;grid-template-columns:minmax(0,1.26fr) minmax(310px,.74fr);gap:66px;align-items:center;position:relative;z-index:1}
.stars-kicker{display:inline-flex;align-items:center;gap:9px;color:#b17b00;background:#fff6de;border:1px solid #fae4a8;border-radius:100px;padding:8px 17px;font-size:13px;font-weight:800;line-height:1.6}
.stars-kicker i{font-size:13px}
.stars-basmala{color:#7a7f86;font-size:15px;margin:21px 0 7px;line-height:1.9}
.stars-intro h2,.stars-profile h2,.stars-safety h2{font-family:Cairo,Tahoma,sans-serif;text-transform:none;letter-spacing:0;font-weight:800;line-height:1.6;margin:8px 0 21px}
.stars-intro h2{font-size:clamp(27px,3vw,39px);color:var(--stars-ink)}
.stars-intro h2 strong,.stars-profile h2 strong,.stars-safety h2 strong{color:var(--stars-gold-dark);font-weight:900}
.stars-intro .stars-lead{font-size:15px;line-height:2.15;color:var(--stars-ink-soft);margin:0 0 13px;max-width:775px}
.stars-intro .stars-lead strong{font-weight:800;color:#20262c}
.stars-intro-action{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.stars-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 21px;min-height:48px;border-radius:10px;font-size:14px;font-weight:800;line-height:1.5;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.stars-btn:hover{transform:translateY(-2px)}
.stars-btn-primary,.stars-btn-primary:visited{background:var(--stars-gold);color:#1d252d!important;box-shadow:0 12px 22px rgba(245,181,27,.2)}
.stars-btn-primary:hover{background:#eaaa10}
.stars-btn-outline,.stars-btn-outline:visited{background:#fff;color:var(--stars-ink)!important;border:1px solid #d9dde2}
.stars-btn-outline:hover{background:#f8f9fa}
.stars-topics{background:linear-gradient(160deg,#1f2d3a 0%,#101923 100%);padding:23px;border-radius:22px;box-shadow:0 22px 50px rgba(23,33,44,.16);display:grid;gap:10px;position:relative;overflow:hidden}
.stars-topics:before{content:"★";position:absolute;top:-69px;left:-27px;font:160px Georgia,serif;color:rgba(245,181,27,.07);pointer-events:none}
.stars-topic{position:relative;display:flex;align-items:center;gap:13px;padding:15px 12px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);border-radius:13px;text-decoration:none!important;transition:background .2s,border-color .2s;color:#fff!important}
.stars-topic:hover{background:rgba(255,255,255,.13);border-color:rgba(245,181,27,.45)}
.stars-topic-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;background:rgba(245,181,27,.15);border-radius:12px;color:var(--stars-gold);font-size:20px}
.stars-topic strong,.stars-topic small{display:block;color:#fff}
.stars-topic strong{font-size:14px;font-weight:800;margin-bottom:5px;line-height:1.6}
.stars-topic small{font-size:12px;line-height:1.7;color:#c7d1d9}
.stars-topic-arrow{margin-right:auto;color:var(--stars-gold);font-size:16px}
/* Override only the old services heading; four existing licensed steps remain intact. */
#services .top-text h2{font-family:Cairo,Tahoma,sans-serif;text-transform:none}
#services .top-text h4{font-family:Cairo,Tahoma,sans-serif;font-size:13px;line-height:2}
/* Owner portrait and factual, user-supplied biography. */
.stars-profile{background:var(--stars-bg);padding:92px 0 98px;overflow:hidden}
.stars-profile-grid{display:grid;grid-template-columns:minmax(300px,.91fr) minmax(0,1.09fr);gap:71px;align-items:center}
.stars-profile-pictures{position:relative;min-height:465px;display:flex;align-items:flex-start;justify-content:flex-start;padding-left:64px;padding-bottom:36px}
.stars-profile-main-image{width:76%;height:455px;object-fit:cover;object-position:50% 19%;border-radius:19px;box-shadow:0 22px 54px rgba(12,22,32,.18);border:6px solid #fff;display:block}
.stars-profile-second-image{position:absolute;left:0;bottom:0;width:45%;height:240px;object-fit:cover;object-position:50% 18%;border-radius:17px;border:6px solid #fff;box-shadow:0 15px 38px rgba(12,22,32,.2)}
.stars-photo-note{position:absolute;top:24px;right:3px;display:inline-flex;align-items:center;gap:6px;background:var(--stars-gold);color:#161b21;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.stars-profile h2{font-size:clamp(29px,3vw,38px);color:var(--stars-ink)}
.stars-profile-role{font-weight:800;color:#b07905;font-size:14px;line-height:1.9;margin:0 0 16px}
.stars-profile-description{font-size:15px;line-height:2.1;color:var(--stars-ink-soft);margin:0 0 20px}
.stars-credentials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.stars-credential{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #e3e7ea;padding:12px 13px;border-radius:11px;color:#2b3641;font-size:12px;font-weight:700;line-height:1.9}
.stars-credential i{color:var(--stars-gold-dark);font-size:16px;margin-top:5px;min-width:17px;text-align:center}
.stars-profile-quote{font-family:Cairo,Tahoma,sans-serif;font-size:14px;line-height:2.1;color:#28333e;background:#fff;border-right:4px solid var(--stars-gold);border-left:0;border-radius:8px;padding:15px 19px;margin:0 0 17px;box-shadow:0 4px 15px rgba(20,30,40,.045)}
.stars-profile-details{display:grid;gap:8px}
.stars-profile-details span{display:flex;align-items:flex-start;gap:9px;color:#596570;font-size:13px;line-height:1.9}
.stars-profile-details i{color:var(--stars-gold-dark);width:17px;flex:0 0 17px;margin-top:5px;text-align:center}
/* Safe first steps after road collisions. */
.stars-safety{background:#fff;padding:91px 0 98px}
.stars-center-heading{text-align:center;max-width:800px;margin:0 auto 37px}
.stars-center-heading .stars-kicker{margin-bottom:15px}
.stars-safety h2{font-size:clamp(28px,3vw,38px);margin:0 0 10px;color:var(--stars-ink)}
.stars-center-heading>p{font-size:14px;line-height:2.1;color:#6a747c;margin:0 auto}
.stars-safety-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.stars-safety-card{background:#fff;border:1px solid #e5e8ed;border-radius:16px;padding:25px 22px 23px;box-shadow:0 12px 30px rgba(18,33,49,.045);transition:transform .2s,border-color .2s;min-width:0}
.stars-safety-card:hover{transform:translateY(-5px);border-color:#f1c45b}
.stars-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}
.stars-number{font-size:29px;font-family:Cairo,Tahoma,sans-serif;line-height:1.4;font-weight:900;color:#e5e8ed}
.stars-card-icon{width:51px;height:51px;display:grid;place-items:center;border-radius:13px;background:#fff3d4;color:var(--stars-gold-dark);font-size:22px}
.stars-safety-card h3{font-family:Cairo,Tahoma,sans-serif;font-size:17px;font-weight:900;line-height:1.7;color:var(--stars-ink);margin:0 0 12px;text-transform:none}
.stars-safety-card p{font-size:13px;line-height:2.05;margin:0;color:#64707c}
.stars-pledge{margin-top:26px;padding:20px 25px;border-radius:13px;background:linear-gradient(125deg,#1f2e3b,#101923);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}
.stars-pledge strong{font-size:15px;line-height:1.9;font-weight:800;color:#fff}
.stars-pledge strong i{color:var(--stars-gold);margin-left:8px}
.stars-pledge a{display:inline-flex;align-items:center;white-space:nowrap;gap:9px;font-size:13px;font-weight:800;color:#1d2228!important;background:var(--stars-gold);padding:12px 17px;border-radius:8px;text-decoration:none!important}
.stars-pledge a:hover{background:#ffcc4e}
.stars-footer-links{margin-bottom:20px}
.footer .stars-footer-links p{margin:9px 0;line-height:1.9}
.stars-footer-contact{margin:22px 0 10px}
.stars-footer-contact a{display:inline-flex;align-items:center;gap:8px;border:1px solid #f5b51b;border-radius:8px;padding:10px 19px;color:#f5b51b!important;text-decoration:none}
.stars-footer-contact a:hover{background:#f5b51b;color:#17212c!important}
@media(max-width:1199px){.stars-intro-layout{gap:35px}.stars-profile-grid{gap:35px}.stars-profile-pictures{min-height:440px}.stars-profile-main-image{height:425px}.stars-safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){#header .logo .stars-brand{max-width:280px}.stars-intro{padding:70px 0}.stars-intro-layout{grid-template-columns:1fr;gap:32px}.stars-profile{padding:65px 0}.stars-profile-grid{grid-template-columns:1fr;gap:37px}.stars-profile-pictures{max-width:575px;width:100%;margin:0 auto}.stars-profile-content{max-width:760px}.stars-safety{padding:65px 0}}
@media(max-width:575px){#header .logo .stars-brand{min-height:52px;gap:7px;max-width:230px}#header .logo .stars-brand-symbol{width:36px;height:36px;flex-basis:36px;font-size:18px;border-radius:10px}#header .logo .stars-brand-text{font-size:14px}#header .logo .stars-brand-text small{font-size:9px}.stars-intro{padding:48px 0}.stars-intro h2,.stars-profile h2,.stars-safety h2{font-size:26px;line-height:1.7}.stars-intro .stars-lead{font-size:14px;line-height:2}.stars-intro-action{display:grid}.stars-btn{width:100%}.stars-topics{padding:14px;border-radius:17px}.stars-profile{padding:50px 0}.stars-profile-pictures{padding-left:40px;padding-bottom:30px;min-height:0;height:380px}.stars-profile-main-image{height:350px;width:81%}.stars-profile-second-image{height:183px;width:47%}.stars-photo-note{top:16px;right:0}.stars-credentials{grid-template-columns:1fr}.stars-profile-description{font-size:14px}.stars-safety{padding:50px 0}.stars-safety-grid{grid-template-columns:1fr;gap:12px}.stars-safety-card{padding:20px}.stars-card-top{margin-bottom:10px}.stars-pledge{display:grid;padding:20px}.stars-pledge a{justify-content:center}.stars-kicker{font-size:12px}}
@media(prefers-reduced-motion:reduce){.stars-btn,.stars-topic,.stars-safety-card{transition:none}html{scroll-behavior:auto}}