:root{
--orange-50:#FFF7ED;
--orange-100:#FFEAD5;
--orange-200:#FED7AA;
--orange-300:#FDBA74;
--orange-400:#FB923C;
--orange-500:#F97316;
--orange-600:#EA580C;
--orange-700:#C2410C;
--slate-900:#0f172a;
--slate-700:#334155;
--slate-600:#475569;
--slate-100:#f1f5f9;
--white:#ffffff;
--ring: 0 0 0 3px rgba(249, 115, 22, .35);
--radius: 16px;
--shadow: 0 10px 24px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
html,body{margin:0; padding:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Inter,Arial,sans-serif; color:var(--slate-900);}
a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}
.container{max-width:1100px; margin:0 auto; padding:0 20px}
.nav{display:flex; align-items:center; justify-content:space-between; padding:16px 0}
.brand{display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.2px}
.brand .logo{height:36px; width:36px; border-radius:10px; background:var(--white); display:grid; place-items:center; color:var(--orange-600); font-weight:900}
.nav a{opacity:.95}
.nav .links{display:flex; gap:18px; align-items:center}
.nav .links a{padding:10px 12px; border-radius:12px}
.nav .links a:hover{background:rgba(255,255,255,.15)}
.hero{background: linear-gradient(180deg, var(--orange-50), #fff);}
.hero .wrap{display:grid; grid-template-columns: 1.15fr .85fr; gap:30px; padding:56px 0}
.hero h1{margin:0 0 12px; font-size: clamp(28px, 5vw, 44px)}
.hero p{margin:0 0 22px; color:var(--slate-700); font-size: clamp(16px, 2.4vw, 18px)}
.cta{display:flex; gap:12px; flex-wrap:wrap}
.btn{appearance:none; border:none; border-radius:999px; padding:12px 18px; font-weight:700; background:var(--orange-600); color:var(--white); box-shadow:var(--shadow); cursor:pointer}
.btn:hover{background:var(--orange-700)}
.btn.ghost{background:var(--white); color:var(--orange-700); border:2px solid var(--orange-200)}
section{padding:44px 0}
h2{font-size: clamp(22px, 4vw, 30px); margin:0 0 16px}
.subtitle{color:var(--slate-600); margin:0 0 26px}
.grid{display:grid; gap:18px}
.grid.cards{grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );}
.card{background:var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding:18px; border:1px solid var(--orange-100)}
.chip{display:inline-block; font-size:12px; padding:6px 10px; background:var(--orange-100); color:var(--orange-700); border-radius:999px; margin-bottom:8px; font-weight:700}
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:20px}
footer{background: var(--orange-600); color:var(--white)}
footer .foot{display:grid; gap:20px; grid-template-columns: 1fr auto; padding:22px 0}
.small{font-size:12px; opacity:.9}
@media (max-width: 900px){.hero .wrap{grid-template-columns: 1fr}.two-col{grid-template-columns:1fr}}
Human Factors
Behavioural causes and human errors contributing to road accidents.
HumanOver-speeding
Driving above speed limits drastically reduces vehicle control, increases stopping distance, and raises collision severity and fatality risk rates.
HumanDangerous Overtaking / Lane Cutting
Unsafe overtaking and lane cutting force sudden maneuvers, surprising other drivers, causing head-on collisions, sideswipes, and multi-vehicle chain crashes frequently.
HumanDrunken Driving
Alcohol or drug-impaired driving severely impairs judgment and reactions, increasing probability of crashes and the chance of fatalities and injuries.
HumanLack of Driving Skills
Insufficient training and poor understanding of traffic rules lead to incorrect decisions, unsafe maneuvers, and higher accident occurrence rates daily.
HumanFatigue of Drivers
Driver exhaustion from long hours reduces vigilance and reaction time, causing microsleeps, drifting lanes, and catastrophic high-speed collisions with fatalities.
HumanFault of Pedestrians
Pedestrian negligence such as jaywalking, ignoring signals, or sudden road entry surprises drivers and frequently results in severe injuries nearby.
HumanNon-use of Protective Gear
Failure to wear helmets, seat belts, or child restraints greatly increases injury severity and survival risk during vehicle collisions unnecessarily.
Vehicle Factors
Vehicle-related causes that increase accident risk.
VehicleOvercrowding & Overloading
Excess passengers or cargo overload vehicle capacity, reduce stability, strain brakes, and significantly increase chances of tyre bursts or rollovers.
Road Factors
Road design, management, and usage issues contributing to accidents.
RoadUnauthorized Parking
Illegal roadside parking blocks lanes, reduces visibility at intersections, forces sudden maneuvers, and creates frequent collision hotspots during peak hours.
RoadTraffic Jams
Severe congestion increases risky lane changes, rear-end collisions, driver frustration, and delays emergency response to accidents and causes secondary crashes.
Environmental Factors
Weather, natural, and external conditions that affect road safety.
EnvironmentFog / Rain
Dense fog or heavy rain dramatically reduces visibility and road friction, causing sudden braking, skidding, and catastrophic multi-vehicle pileups regularly.
EnvironmentStray Animals
Animals wandering onto roadways cause abrupt driver reactions, dangerous swerving or braking, and frequent collisions, especially at night on highways.
EnvironmentFalling Boulders / Landslides
Rockfalls or landslides suddenly obstruct roads, crushing vehicles and causing high-speed impacts or pileups on mountain and hilly stretches frequently.
EnvironmentExtreme Heat (Tyre Burst)
Extreme ambient temperatures elevate tyre pressure, weaken rubber, and increase likelihood of blowouts, causing sudden loss of control and accidents.
document.getElementById('y').textContent = new Date().getFullYear();