*{margin:0;padding:0;box-sizing:border-box}
body{font:16px/1.7 "Segoe UI",system-ui,sans-serif;background:#0a1512;color:#c4d6cf}
.w{max-width:880px;margin:0 auto;padding:0 22px}
header{padding:58px 0 42px}
header .rol{color:#4338ca;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:12px}
header h1{font-size:clamp(30px,6vw,48px);color:#fff;margin:8px 0}
header p{color:#8fb0a5;max-width:60ch}
.git{display:inline-block;margin-top:22px;padding:15px 42px;background:#4338ca;color:#04120d;
font-weight:800;text-decoration:none;border-radius:8px}
h2{font-size:26px;color:#fff;margin:44px 0 18px;padding-left:14px;border-left:4px solid #4338ca}
h3{color:#fff;margin-bottom:6px}p{margin-bottom:15px}
.tiles{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.tile{background:#0f211c;border:1px solid #1c342c;border-radius:12px;padding:22px;position:relative}
.tile .no{position:absolute;top:14px;right:16px;font-size:30px;font-weight:800;color:#1c342c}
.tile p{color:#8fb0a5;margin:0;font-size:15px}
.tbl{width:100%;border-collapse:collapse;margin:18px 0}
.tbl td,.tbl th{padding:13px 15px;border-bottom:1px solid #1c342c;text-align:left}
.tbl th{background:#0f211c;color:#fff}.tbl td:first-child{color:#6f9187}
.tl{border-left:2px solid #1c342c;margin:18px 0;padding-left:22px}
.tl section{position:relative;margin-bottom:26px}
.tl section::before{content:"";position:absolute;left:-27px;top:6px;width:10px;height:10px;
border-radius:50%;background:#4338ca}
.sss details{background:#0f211c;border:1px solid #1c342c;border-radius:10px;margin-bottom:10px}
.sss summary{padding:15px 18px;font-weight:600;color:#fff;cursor:pointer}
.sss details p{padding:0 18px 15px;margin:0;color:#8fb0a5}
footer{margin-top:56px;padding:28px 0;border-top:1px solid #1c342c;text-align:center;font-size:13px;color:#5f8177}