@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--bg:#180708;--panel:#2a1214;--line:#602326;--text:#fff4f4;--muted:#b99b9d;--red:#d9252a;--red2:#f04449}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 30%,#3a1014 0,transparent 38%),var(--bg);color:var(--text);font-family:Cairo,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#fff3 1px,transparent 1px),linear-gradient(90deg,#fff3 1px,transparent 1px);background-size:64px 64px;opacity:.035}
.home-page main > section:not(.hero){display:none}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}header{position:sticky;top:0;z-index:5;background:#160607e8;backdrop-filter:blur(15px);border-bottom:1px solid #4b1b1e}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:800}.logo img{width:42px;height:42px;object-fit:contain}.nav nav{display:flex;gap:5px;overflow:auto}.nav nav a{white-space:nowrap;color:var(--muted);text-decoration:none;padding:9px 12px;border-radius:9px;font-size:13px}.nav nav a i,.btn i,.hero small i,.hero .sub i,.emblem span i{color:#ff555c;margin-left:5px}.nav nav a:hover,.nav nav .active{background:#431619;color:#fff}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:700px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;text-align:center}.hero:before{content:'♥';position:absolute;z-index:-1;top:43%;left:50%;font-size:clamp(260px,38vw,520px);line-height:1;color:#c51f2b;opacity:.045;transform:translate(-50%,-50%) scale(.92);animation:heartbeat 2.2s ease-in-out infinite}.hero small{color:#ff555c;font-weight:700}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.05;margin:12px 0 5px;background:linear-gradient(90deg,#fff0f0,#ff5a5f);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:20px;color:var(--muted);margin:0}.hero .sub{font-size:16px;color:#e6bfc1;margin-top:10px}.buttons{display:flex;justify-content:center;gap:10px;margin-top:28px}.btn{border:1px solid var(--line);background:#241012;color:#fff;padding:11px 18px;border-radius:10px;font-family:inherit;cursor:pointer;text-decoration:none;display:inline-block}.btn.red{background:var(--red);border-color:var(--red);font-weight:700;box-shadow:0 10px 25px #d9252a38}.btn.red:hover{background:var(--red2)}.emblem{order:-1;height:auto;border:0;background:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.emblem img{width:min(170px,45vw);height:170px;object-fit:contain;filter:drop-shadow(0 0 18px #e332384d)}.emblem span{font-weight:700;color:#e8c5c6;margin-top:12px}

@keyframes heartbeat{0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.03}14%{transform:translate(-50%,-50%) scale(1.02);opacity:.07}28%{transform:translate(-50%,-50%) scale(.94);opacity:.04}42%{transform:translate(-50%,-50%) scale(1.06);opacity:.08}}
.page-hero{padding:80px 0 30px;text-align:center}.page-hero h1{font-size:clamp(32px,5vw,52px);margin:14px 0 5px}.page-icon{font-size:42px;color:#ff555c;filter:drop-shadow(0 0 12px #d9252a66)}.wave-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.wave-card{position:relative;padding:24px;border:1px solid #6b292c;background:linear-gradient(145deg,#321719,#1d0d0f);border-radius:16px;min-height:210px;box-shadow:0 12px 32px #09020255}.wave-title{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #725e27;color:#ffe3a1}.wave-title i{color:#e1b844}.wave-title h2{font-size:21px;margin:0}.wave-card p{color:#d0babb;font-size:13px;margin:11px 42px 16px 0}.wave-number{float:right;display:grid;place-items:center;width:30px;height:30px;background:#e1b844;color:#17130a;border-radius:8px;font-weight:800;margin-top:4px}.standalone-map{margin-top:0}.standalone-map img{max-height:none}
.section{padding:60px 0}.section h2{font-size:28px;margin:0 0 5px}.section h2 i{color:#ff555c;margin-left:8px}.muted{color:var(--muted);margin:0 0 20px}.panel,.card,.codes article,.video,.map{border:1px solid var(--line);background:rgba(42,18,20,.9);border-radius:16px}.panel{padding:20px}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form label{font-size:13px;color:#e1c7c8}.form input{width:100%;margin-top:7px;background:#3a1d20;color:#fff;border:1px solid #6b292c;padding:12px;border-radius:9px;font:inherit}.form>div{display:flex;align-items:end;gap:8px}.form output{grid-column:1/-1;padding:12px;background:#241012;border-radius:9px;color:#f3dfe0;min-height:20px}.report-tabs{display:flex;gap:8px;margin:24px 0 14px}.report-tab{border:1px solid var(--line);background:#241012;color:var(--muted);padding:11px 18px;border-radius:10px;font:inherit;cursor:pointer}.report-tab.active{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}.report-panel h3{margin:0 0 18px}.hidden{display:none!important}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report-grid label,.field-groups label{display:block;color:#e1c7c8;font-size:13px}.report-grid input,.report-grid select,.report-grid textarea,.field-groups input,.field-groups textarea{width:100%;margin-top:7px;background:#3a1d20;color:#fff;border:1px solid #6b292c;padding:12px;border-radius:9px;font:inherit}.report-grid input::placeholder,.report-grid textarea::placeholder,.field-groups input::placeholder,.field-groups textarea::placeholder{color:#c6aaac}.report-grid select option{background:#2a1214;color:#fff}.field-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}.field-groups>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start;padding:16px;border:1px solid var(--line);border-radius:12px}.field-groups h4{grid-column:1/-1;color:#ff6569;margin:0}.field-groups textarea{min-height:110px;resize:vertical}.supervisor-fields{margin-top:22px}.supervisor-fields textarea{min-height:120px;resize:vertical}.report-actions{display:flex;gap:8px;margin-top:22px}.report-output{display:block;white-space:pre-wrap;direction:rtl;text-align:right;margin-top:16px;padding:20px;background:#241012;border:1px solid #6b292c;border-radius:12px;color:#f3dfe0;line-height:2;min-height:20px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:19px;text-decoration:none;color:#fff;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#a73b40}.card-icon{display:block;width:max-content;color:#ff555c;font-size:22px;margin-bottom:14px}.card span{display:block;color:var(--muted);font-size:13px;margin-top:5px}
.laws-section h2{margin-bottom:8px}.law-table-wrap{overflow-x:auto;margin-top:20px;border:1px solid var(--line);border-radius:14px;background:rgba(42,18,20,.9)}.law-table-wrap h3{padding:18px 20px;margin:0;color:#ff6569;border-bottom:1px solid var(--line)}.law-table{width:100%;min-width:680px;border-collapse:collapse;text-align:right}.law-table th,.law-table td{padding:14px 18px;border-bottom:1px solid #572124;vertical-align:top;line-height:1.8}.law-table th{background:#48171b;color:#fff;font-weight:800}.law-table td{color:#ead7d8}.law-table tr:last-child td{border-bottom:0}.law-table tbody tr:hover td{background:#3a171a}.danger-text{color:#ff555c;font-weight:800}
.codes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.codes article{padding:18px}.codes b{color:#ff565d}.codes p{color:#aab4bf;line-height:1.9;font-size:14px;margin-bottom:0}.video,.map{height:320px;display:grid;place-items:center;color:var(--muted)}.video{height:auto;min-height:320px;padding:14px;overflow:hidden;background:#241012}.video video{display:block;width:100%;max-height:620px;border-radius:10px;background:#090404}.map{height:auto;min-height:360px;padding:14px;overflow:hidden;background:#241012}.map img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:10px}footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:13px;text-align:center}footer span{float:none;display:block;margin-top:8px}footer:after{content:'تنفيذ وبرمجة: سهم العتيبي';display:block;margin-top:12px;color:#f0b8bb;font-size:18px;font-weight:800;text-align:center}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:60px 0}.emblem{height:200px}.form,.cards,.codes,.report-grid,.field-groups,.wave-grid{grid-template-columns:1fr}.field-groups>div{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start;padding:12px 0}.nav nav{width:100%}.section{padding:45px 0}.report-tabs{flex-direction:column}.report-tab{width:100%}.page-hero{padding-top:55px}}