:root{font-family:Tahoma,'Noto Sans Arabic',Arial,sans-serif;color:#f4f6ff;background:#0c1230}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 0 0,#2f285e 0,transparent 44%),radial-gradient(ellipse at 100% 15%,#153b64 0,transparent 41%),#0c1230}body:before,body:after{content:'✦ ◈ ✦ ◈ ✦ ◈ ✦ ◈ ✦';position:fixed;top:35%;font-size:17px;writing-mode:vertical-rl;letter-spacing:12px;color:#e6ab54;opacity:.22;pointer-events:none}body:before{right:6px}body:after{left:6px}.top{max-width:1150px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px}.brand strong{display:block;font-size:22px}.brand small{display:block;font-size:12px;color:#b9c6e8;margin-top:5px}.tag,.chips span,.eyebrow{border:1px solid #6470af77;border-radius:40px;background:#ffffff0a;padding:10px 15px;color:#f7d277;font-weight:bold;font-size:13px}.shell{max-width:990px;margin:auto;padding:5px 25px 50px}.hero{text-align:center;padding:26px 8px 29px}.hero h1{font-size:clamp(27px,5vw,49px);margin:18px 0 10px}.hero h1 span{color:#ffda60}.hero p{color:#b8c7ec;font-size:17px}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:23px}.chips span{color:#e1e7ff}.panel{background:linear-gradient(150deg,#1b2651f5,#161f45ef);border:1px solid #7385bf55;border-radius:24px;padding:30px;box-shadow:0 18px 55px #0005;position:relative;overflow:hidden}.panel:before{content:'';height:6px;position:absolute;inset:0 0 auto;background:repeating-linear-gradient(90deg,#e5b74b 0 22px,#274d85 22px 42px,#9d3e74 42px 61px,#e5b74b 61px 69px)}.center{text-align:center}.lead{color:#b7c6ee}h2{font-size:24px;margin:6px 0 12px}.form{max-width:520px;margin:28px auto 4px;display:grid;gap:17px}.field{text-align:right;display:grid;gap:9px;font-weight:bold}input,select,textarea{width:100%;padding:14px 15px;border-radius:12px;background:#0c1537;color:white;border:1px solid #6679aa;font:inherit;outline:none}input:focus,textarea:focus{border-color:#f7d15c;box-shadow:0 0 0 3px #f7d15c22}.btn{border:0;border-radius:14px;background:linear-gradient(125deg,#ffdf6e,#eeb648);color:#192243;padding:14px 23px;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 6px 20px #0003}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{color:white;background:#354b83}.btn.danger{background:#bc4665;color:white}.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.stats{display:flex;gap:10px;flex-wrap:wrap}.pill{background:#102044;border:1px solid #5f78a4;padding:9px 12px;border-radius:12px;font-size:14px}.progress{height:10px;background:#0a1430;border-radius:99px;overflow:hidden;margin:20px 0 12px}.progress>div{background:linear-gradient(90deg,#4d95d6,#f8d75e);height:100%;transition:width .25s}.code{direction:ltr;text-align:left;unicode-bidi:plaintext;white-space:pre-wrap;overflow:auto;background:#090f25;border:1px solid #45628d;border-radius:14px;padding:20px;color:#e1ecff;font:16px/1.8 Consolas,monospace;margin:19px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.choice{text-align:right;background:#172e58;color:white;border:1px solid #5571a4;padding:16px;min-height:66px;border-radius:14px;font:inherit;cursor:pointer;white-space:pre-wrap;unicode-bidi:plaintext}.choice:hover{background:#304875}.choice.selected{border-color:#f7d15c;background:#4b4770}.choice:disabled{cursor:default}.notice{padding:16px;border-radius:15px;background:#31436a;border:1px solid #7284ab;margin:15px 0}.notice.good{background:#185546;border-color:#58b795}.notice.bad{background:#612c45;border-color:#e78fa0}.muted{color:#b3c2e4;font-size:14px}footer{text-align:center;padding:22px;color:#a9b9dd;font-size:13px}.score{font-size:66px;font-weight:900;color:#ffdd6d;line-height:1.2}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:21px 0}.tile{background:#101b3f;border:1px solid #465f90;border-radius:15px;padding:18px 8px;text-align:center}.tile b{font-size:25px;display:block;color:#ffdb67;margin-bottom:7px}.tile span{font-size:13px;color:#c7d2f4}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:690px}th,td{padding:13px;border-bottom:1px solid #ffffff28;text-align:right}th{color:#ffda6e}.small{font-size:13px}.hidden{display:none!important}.utility{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:17px}.sectiontitle{margin-top:30px;color:#f6d26a}.error{color:#ff9eab}@media(max-width:650px){.top{padding:15px;align-items:flex-start}.brand strong{font-size:16px}.brand img{width:44px}.tag{font-size:10px;padding:7px}.shell{padding:0 15px 40px}.panel{padding:22px 16px}.choices{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}.eyebrow{font-size:11px}.chips span{font-size:11px}body:before,body:after{display:none}}