@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--bg:#090a0c;--panel:#181a1e;--text:#f8f7f2;--muted:#aaa9a4;--gold:#d6aa4b;--gold-light:#f6d785;--line:rgba(255,255,255,.1);--radius:32px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 15%,rgba(214,170,75,.08),transparent 28%),var(--bg);color:var(--text);font-family:'Tajawal',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page-shell{width:min(100%,1180px);margin:auto;padding:14px}
.hero{position:relative;isolation:isolate;min-height:calc(100svh - 28px);overflow:hidden;border-radius:42px;background:#111;display:grid;place-items:center}.hero-overlay{position:absolute;inset:0}.hero-overlay{z-index:-3;background:linear-gradient(180deg,rgba(3,4,6,.68),rgba(5,5,7,.57) 45%,rgba(5,6,8,.88))}.hero::after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.08) 50%,transparent 50.2%);opacity:.3}.hero-glow{position:absolute;border-radius:50%;filter:blur(75px);opacity:.38;z-index:-1}.glow-one{width:320px;height:190px;background:#d8893c;right:-80px;bottom:5%}.glow-two{width:260px;height:180px;background:#5dc3cf;left:-110px;bottom:12%}.hero-content{text-align:center;width:min(820px,94%);padding:40px 20px}.eyebrow{color:var(--gold-light);font-weight:600;margin:0 0 10px}.hero .eyebrow{font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:800;margin-bottom:20px}.hero h1{font-size:clamp(3.6rem,9.5vw,8rem);line-height:.95;letter-spacing:-.04em;margin:0;font-weight:900;text-shadow:0 10px 40px rgba(0,0,0,.4)}.hero h1 span{font-weight:700;color:#fff;text-shadow:0 0 28px rgba(246,215,133,.25),0 10px 40px rgba(0,0,0,.45)}.hero-copy{max-width:680px;margin:25px auto 32px}.hero-copy strong{display:block;color:#fff;font-size:clamp(1.25rem,2.8vw,1.7rem);font-weight:800;line-height:1.4}.hero-copy span{display:block;color:#e0ded8;font-size:clamp(1rem,2vw,1.2rem);margin-top:5px}.primary-pill{display:inline-flex;align-items:center;gap:16px;padding:12px 22px;border:1px solid var(--gold-light);border-radius:999px;background:rgba(12,12,14,.35);backdrop-filter:blur(12px);font-weight:700;transition:.25s}.primary-pill span{display:grid;place-items:center;width:31px;height:31px;background:var(--text);color:#111;border-radius:50%}.primary-pill:hover{background:var(--gold);color:#111;transform:translateY(-2px)}
.registration-section{margin-top:10px;border-radius:var(--radius);padding:clamp(30px,6vw,72px);background:radial-gradient(circle at 10% 95%,rgba(85,194,207,.19),transparent 28%),radial-gradient(circle at 92% 10%,rgba(190,69,51,.25),transparent 30%),linear-gradient(145deg,#212328,#15171a);border:1px solid var(--line);box-shadow:0 25px 70px rgba(0,0,0,.28)}.section-head{text-align:center;margin-bottom:34px}.section-head h2,.result-card h2{font-size:clamp(2rem,5vw,3.4rem);margin:0;line-height:1.1}.section-head>p:last-child{color:var(--muted);margin:12px 0 0}.registration-form{max-width:760px;margin:auto;display:grid;gap:20px}.field{display:grid;gap:8px}.field>span,fieldset legend{font-weight:700;font-size:1rem}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:18px;padding:17px 18px;color:var(--text);background:rgba(8,9,11,.58);outline:none;transition:.2s}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:18px calc(50% - 3px),12px calc(50% - 3px);background-size:6px 6px;background-repeat:no-repeat;cursor:pointer}.field select option{background:#17191c;color:#fff}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(214,170,75,.11)}.field small{color:var(--muted)}.badge-choice{border:0;padding:0;margin:2px 0}.badge-choice legend{margin-bottom:10px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-row label{cursor:pointer}.choice-row input{position:absolute;opacity:0}.choice-row span{display:block;text-align:center;padding:15px;border:1px solid var(--line);border-radius:17px;background:rgba(8,9,11,.45);font-weight:700;transition:.2s}.choice-row input:checked+span{border-color:var(--gold);background:rgba(214,170,75,.14);color:var(--gold-light);box-shadow:0 0 0 3px rgba(214,170,75,.08)}.badge-number-field[hidden]{display:none}.submit-button{border:0;border-radius:999px;background:var(--text);color:#121212;padding:16px 24px;font-weight:800;font-size:1.05rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:18px;transition:.2s}.submit-button:hover{background:var(--gold-light);transform:translateY(-2px)}.submit-button:disabled{opacity:.65;cursor:wait}.privacy-note{text-align:center;color:var(--muted);font-size:.88rem;margin:0}.alert{max-width:760px;margin:0 auto 20px;padding:14px 18px;border-radius:16px}.alert p{margin:0}.error-alert{background:rgba(180,55,48,.16);border:1px solid rgba(235,101,93,.4);color:#ffd1cd}.result-card{max-width:760px;margin:auto;text-align:center;padding:44px 24px;border-radius:30px;background:rgba(6,7,9,.5);border:1px solid var(--line)}.result-icon{display:grid;place-items:center;margin:0 auto 20px;width:64px;height:64px;border-radius:50%;background:var(--gold);color:#111;font-size:2rem;font-weight:800}.result-card p{color:#ccc}.registration-number{display:inline-flex;gap:8px;border:1px solid var(--gold);border-radius:999px;padding:9px 17px;margin-top:10px}footer{text-align:center;padding:42px 20px;color:var(--muted);font-size:.9rem}
.admin-body{min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(84,194,204,.12),transparent 25%),radial-gradient(circle at 90% 85%,rgba(214,170,75,.14),transparent 30%),#090a0c}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(100%,510px);padding:35px;border:1px solid var(--line);border-radius:32px;background:rgba(30,32,36,.92);box-shadow:0 30px 90px rgba(0,0,0,.45)}.auth-card h1{font-size:2.2rem;margin:20px 0 2px}.auth-card>p{color:var(--muted);margin-top:0}.mini-brand{display:flex;align-items:center;gap:12px;color:var(--gold-light);font-weight:700}.back-link{display:block;text-align:center;color:var(--muted);margin-top:20px}.dashboard-shell{width:min(100%,1320px);margin:auto;padding:28px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dashboard-header h1{font-size:clamp(2rem,4vw,3.4rem);margin:0}.admin-actions{display:flex;align-items:center;gap:15px;color:var(--muted)}.admin-actions a{border:1px solid var(--line);padding:8px 13px;border-radius:12px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.stat-card{padding:25px;border-radius:26px;background:linear-gradient(145deg,#25282c,#17191c);border:1px solid var(--line)}.stat-card.gold{background:linear-gradient(135deg,#ad7330,#4f3820 58%,#20272a)}.stat-card span,.stat-card small{display:block;color:#ccc}.stat-card strong{font-size:3.5rem;line-height:1.2}.data-card{background:#17191c;border:1px solid var(--line);border-radius:28px;overflow:hidden}.data-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px}.filter-tabs{display:flex;background:#0e0f11;border-radius:14px;padding:4px}.filter-tabs a{padding:8px 16px;border-radius:10px;color:var(--muted)}.filter-tabs a.active{background:#292c31;color:#fff}.export-button{background:var(--gold);color:#141414;padding:10px 17px;border-radius:13px;font-weight:800}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:980px}th,td{padding:15px 18px;text-align:right;border-top:1px solid var(--line)}th{color:var(--muted);font-size:.9rem;font-weight:600}td{color:#eee}.branch-badge{display:inline-block;background:rgba(214,170,75,.12);color:var(--gold-light);padding:5px 10px;border-radius:999px}.phone-link{color:#9de1d2}.empty-row{text-align:center;color:var(--muted);padding:45px}
@media(max-width:700px){.page-shell{padding:8px}.hero{min-height:760px;border-radius:32px}.hero .eyebrow{font-size:1.3rem}.hero h1{font-size:3.8rem}.registration-section{border-radius:28px;padding:35px 16px}.dashboard-shell{padding:16px}.dashboard-header{align-items:flex-start;flex-direction:column}.admin-actions{width:100%;justify-content:space-between}.stats-grid{grid-template-columns:1fr}.data-toolbar{align-items:stretch;flex-direction:column}.filter-tabs{justify-content:space-between}.filter-tabs a{flex:1;text-align:center}.export-button{text-align:center}.auth-card{padding:26px 18px;border-radius:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.telecom-bg .signal-orbit,.telecom-bg .network-nodes span,.telecom-bg .signal-trace{animation:none!important}.hero{background:linear-gradient(145deg,#1f2428,#090a0c)}}

/* Maintain the original typographic rhythm. */
.hero h1{display:grid;row-gap:.13em;line-height:1}
.hero h1 .title-line{display:block}

/* Data table search. */
.admin-search-form{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.admin-search-form input{min-width:min(300px,70vw);border:1px solid var(--line);border-radius:13px;padding:11px 15px;background:#0e0f11;color:var(--text);outline:0}.admin-search-form input:focus{border-color:var(--gold)}.admin-search-form button{background:#292c31;color:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 16px;cursor:pointer}.admin-search-form .clear-search{color:var(--muted);font-size:.92rem}.data-card table{min-width:720px}@media(max-width:700px){.admin-search-form{width:100%}.admin-search-form input{min-width:0;flex:1}}

/* Telecommunications-themed background — CSS animation; no third-party video or branding. */
.hero{background:#0b1015}
.hero-content{position:relative;z-index:2;padding-block:105px 90px}
.hero-overlay{background:linear-gradient(180deg,rgba(3,7,11,.36),rgba(4,7,12,.42) 50%,rgba(3,6,9,.8));pointer-events:none}
.telecom-bg{position:absolute;inset:0;z-index:-4;overflow:hidden;background:
 radial-gradient(ellipse at 18% 25%,rgba(41,128,137,.25),transparent 39%),
 radial-gradient(ellipse at 85% 70%,rgba(203,154,62,.16),transparent 44%),
 linear-gradient(135deg,#121b22 0%,#090c11 53%,#14191d 100%)}
.signal-grid{position:absolute;inset:-20%;transform:perspective(640px) rotateX(57deg) scale(1.5);transform-origin:center 90%;opacity:.28;background-image:linear-gradient(rgba(155,199,206,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(155,199,206,.16) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(0deg,black,transparent 90%)}
.signal-orbit{position:absolute;display:block;width:420px;height:420px;border:1px solid rgba(233,202,126,.25);border-radius:50%;box-shadow:0 0 65px rgba(210,164,73,.045) inset;animation:wave 9s ease-in-out infinite}
.signal-orbit::before,.signal-orbit::after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(108,191,201,.27)}
.signal-orbit::before{inset:17%}.signal-orbit::after{inset:34%}
.orbit-a{right:-195px;top:-90px}.orbit-b{left:-210px;bottom:-185px;animation-delay:-3s;width:540px;height:540px;border-color:rgba(108,191,201,.25)}.orbit-c{left:42%;top:-340px;width:640px;height:640px;animation-delay:-6s;border-color:rgba(233,202,126,.11)}
.network-nodes span{position:absolute;width:8px;height:8px;border-radius:50%;background:#e5c876;box-shadow:0 0 0 6px rgba(229,200,118,.09),0 0 18px rgba(229,200,118,.8);animation:nodepulse 3.8s ease-in-out infinite}
.network-nodes span:nth-child(1){top:15%;right:18%}.network-nodes span:nth-child(2){top:37%;right:7%;animation-delay:-1.4s;background:#80cbd0}.network-nodes span:nth-child(3){top:78%;right:19%;animation-delay:-.8s}.network-nodes span:nth-child(4){top:20%;left:12%;animation-delay:-2s;background:#80cbd0}.network-nodes span:nth-child(5){top:63%;left:7%;animation-delay:-1.2s}.network-nodes span:nth-child(6){bottom:11%;left:30%;animation-delay:-3s;background:#80cbd0}
.signal-trace{position:absolute;width:2px;height:60%;background:linear-gradient(180deg,transparent,rgba(212,177,94,.34),transparent);transform:rotate(43deg);transform-origin:top;opacity:.55;animation:tracepulse 9s ease-in-out infinite}
.trace-a{top:1%;right:13%}.trace-b{left:18%;bottom:-20%;transform:rotate(-35deg);background:linear-gradient(180deg,transparent,rgba(107,197,204,.25),transparent);animation-delay:-4s}
.hero-eyebrow{display:inline-block;padding:9px 22px;border:1px solid rgba(237,205,127,.29);background:rgba(24,27,30,.45);border-radius:999px;backdrop-filter:blur(6px);margin-bottom:26px!important;font-size:clamp(1rem,2vw,1.25rem)!important}
.hero h1{letter-spacing:0!important;font-size:clamp(3.5rem,9.2vw,7rem)}
.hero-copy{margin-top:28px}
@keyframes wave{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:1}}
@keyframes nodepulse{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}
@keyframes tracepulse{0%,100%{opacity:.2}50%{opacity:.8}}
@media(max-width:700px){.hero{min-height:690px}.hero-content{padding:88px 16px}.signal-orbit{opacity:.65}.orbit-a{right:-275px}.orbit-b{left:-340px}.hero-eyebrow{font-size:1rem!important}.hero h1{font-size:clamp(3.2rem,13vw,5.4rem)}}
@media(prefers-reduced-motion:reduce){.signal-orbit,.network-nodes span,.signal-trace{animation:none!important}}