@font-face{font-family:Cairo;src:url('/ERP-Trail/fonts/cairo-400.ttf');font-display:swap}@font-face{font-family:Cairo;src:url('/ERP-Trail/fonts/cairo-700.ttf');font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:#283247;background:#f7f8fc;font:14px Cairo,Arial,sans-serif}a{text-decoration:none;color:#a52950}header{position:sticky;top:0;z-index:5;background:#ffffffed;backdrop-filter:blur(15px);padding:17px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eadce3}.brand{display:flex;align-items:center;gap:12px;color:inherit;font-weight:bold;font-size:19px}.brand img{width:42px;height:48px;object-fit:contain}.brand small{display:block;font:8px Arial;letter-spacing:2px;color:#957080}header nav{display:flex;gap:15px;align-items:center}button,.primary{font:inherit;padding:11px 20px;border:1px solid #e6d5de;border-radius:12px;background:white;color:#98304f;cursor:pointer}.primary{display:inline-block;background:linear-gradient(135deg,#bd2a52,#7a1536);color:white;border:0}main{width:90%;max-width:1280px;margin:auto}.hero{text-align:center;padding:90px 10% 65px;background:radial-gradient(ellipse at top,#f6e0e9,transparent 65%)}.eyebrow{color:#b32c54;font-size:11px;letter-spacing:.5px}h1{font-size:52px;line-height:1.7;margin:17px 0}em{font-style:normal;color:#a92750}.hero p{font-size:17px;line-height:2;color:#778197}.pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:25px}.pills span{font-size:11px;border:1px solid #e2d8e5;border-radius:30px;background:white;padding:8px 13px}small{display:block;font-size:10px;color:#948396;margin-top:20px}.guide-layout{display:grid;grid-template-columns:230px 1fr;gap:35px;align-items:start}aside{position:sticky;top:110px;background:white;padding:20px;border:1px solid #e6e9f0;border-radius:15px}aside b{display:block;font-size:12px;margin-bottom:15px}aside a{display:block;padding:8px 0;font-size:11px;color:#707c93}.chapters{display:grid;gap:22px}article{display:flex;gap:20px;background:white;border:1px solid #e3e6ef;border-radius:19px;padding:30px;box-shadow:0 7px 24px #27304704;scroll-margin-top:110px}.number{font:30px Arial;color:#dab3c6}h2{font-size:23px;margin:10px 0}article p,.closing p{line-height:2;color:#7b8598}.benefit{display:block;color:#a2274e;padding:12px 0;font-size:13px}ul{padding-inline-start:20px;color:#4e5e78;font-size:12px;line-height:2.2}details{font-size:11px;border-top:1px solid #eee;padding-top:15px;color:#927181}summary{cursor:pointer}.closing{margin:60px 0;text-align:center;border-radius:23px;padding:50px;background:linear-gradient(125deg,#222839,#4c263c);color:white}.closing p{color:#c9b8c8}.closing .eyebrow{color:#e6a3bc}footer{text-align:center;padding:30px;color:#998a9d;font-size:11px}@media(max-width:800px){header{flex-wrap:wrap;gap:15px}.brand{font-size:16px}header nav{font-size:11px;gap:8px}.hero{padding:50px 2%}h1{font-size:33px}.hero p{font-size:14px}.guide-layout{grid-template-columns:1fr}aside{position:static;display:flex;overflow:auto;gap:15px}aside b{display:none}aside a{white-space:nowrap}article{padding:22px;gap:12px}h2{font-size:19px}.closing{padding:30px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,aside,.primary,button{display:none!important}.hero{padding:10px}main{width:100%}.guide-layout{display:block}article{break-inside:avoid;box-shadow:none;margin-bottom:15px}details{display:block}details p{display:block}.closing{background:#fff;color:#222;border:1px solid #ddd}.closing p{color:#333}.hero h1{font-size:28px}body{font-size:12px;background:#fff}}