@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--red:#ef233c;--red2:#a4001a;--violet:#8b5cf6;--ink:#030407;--glass:rgba(10,9,14,.69);--line:rgba(255,255,255,.16);--muted:#b9b4bf;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#030407;color:#fff;font-family:'Tajawal',system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.world{position:fixed;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(2,3,7,.05),#030407 92%),url('../images/link-gate-portal-v1.webp') center 12%/cover no-repeat}.world:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,transparent 0 18%,rgba(2,3,7,.2) 43%,rgba(2,3,7,.76) 100%),linear-gradient(90deg,rgba(2,3,7,.18),transparent 22% 78%,rgba(2,3,7,.18))}.glass{border:1px solid var(--line);background:linear-gradient(135deg,rgba(23,19,26,.73),rgba(5,6,10,.69));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 80px rgba(0,0,0,.48);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}
.gate-header{position:relative;z-index:20;width:min(1180px,calc(100% - 40px));height:78px;margin:18px auto 0;padding:0 24px;border-radius:18px;display:flex;align-items:center;justify-content:space-between}.gate-brand{display:flex;align-items:center;gap:11px}.gate-brand img{width:154px;height:auto}.gate-brand span{padding-inline-start:12px;border-inline-start:1px solid #ffffff28;color:#ff8796;font-size:10px;font-weight:900;letter-spacing:.19em}.gate-header nav{display:flex;gap:9px}.gate-header nav a{padding:10px 14px;border-radius:10px;color:#d9d5dc;font-size:13px;font-weight:700;transition:.2s}.gate-header nav a:hover{background:#ffffff0b;color:#fff}
main{width:min(1180px,calc(100% - 40px));margin:auto}.gate-stage{position:relative;min-height:610px;padding:72px 0 34px;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1fr);align-items:center;gap:72px}.portal-rings{position:absolute;z-index:-1;top:48%;right:28%;width:540px;aspect-ratio:1;transform:translate(50%,-50%);pointer-events:none}.portal-rings i{position:absolute;inset:0;border:1px solid rgba(255,47,73,.26);border-radius:50%;box-shadow:0 0 36px rgba(239,35,60,.13),inset 0 0 34px rgba(239,35,60,.09);animation:ring 13s linear infinite}.portal-rings i:nth-child(2){inset:8%;border-style:dashed;animation-direction:reverse;animation-duration:18s}.portal-rings i:nth-child(3){inset:17%;border-color:rgba(139,92,246,.23);animation-duration:23s}@keyframes ring{to{transform:rotate(360deg)}}
.gate-copy h1{margin:0;font-size:clamp(42px,5vw,72px);line-height:1.13;letter-spacing:-.04em}.gate-copy h1 em{font-style:normal;background:linear-gradient(90deg,#ff334e,#ff788b 45%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.gate-copy p{max-width:500px;margin:24px 0 0;color:#d1ccd5;font-size:17px;line-height:1.95}.code-card{position:relative;padding:30px;border-radius:24px;border-color:#ff385160;box-shadow:inset 0 1px 0 #ffffff15,0 35px 100px #000b,0 0 48px #d310342c}.code-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ff435f,transparent 30%,transparent 70%,#8b5cf6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:#ff657a;font-size:11px;font-weight:900;letter-spacing:.08em}.online{display:flex;align-items:center;gap:7px;color:#8fe5b8;font-style:normal}.online:before{content:"";width:7px;height:7px;border-radius:50%;background:#66e5a2;box-shadow:0 0 12px #66e5a2}.code-card label{display:block;margin-bottom:11px;color:#fff;font-size:16px;font-weight:800}.code-field{display:grid;grid-template-columns:1fr 150px;gap:10px}.code-field input{width:100%;height:88px;border:1px solid #ffffff24;border-radius:14px;outline:0;background:rgba(1,2,5,.74);box-shadow:inset 0 0 28px #000;color:#fff;text-align:center;font-size:46px;font-weight:900;letter-spacing:.2em;transition:.25s}.code-field input::placeholder{color:#6c6870}.code-field input:focus{border-color:#ff4c64;box-shadow:inset 0 0 28px #000,0 0 0 4px #ed1d3a18,0 0 30px #e51d3c21}.code-field button{border:1px solid #ff566d;border-radius:14px;background:linear-gradient(135deg,#ec1737,#9c001a);box-shadow:inset 0 1px 0 #ffffff2e,0 13px 34px #c40b2d4f;color:#fff;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.25s var(--ease)}.code-field button:hover{transform:translateY(-2px);filter:brightness(1.1)}.code-field button:active{transform:translateY(0)}.code-field button svg{width:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hint{display:flex;align-items:center;gap:8px;margin:18px 2px 0;color:#aaa5af;font-size:12px}.hint svg{width:18px;fill:none;stroke:#d7d2dc;stroke-width:1.6}.status{min-height:0;margin-top:0;overflow:hidden;border-radius:11px;font-size:13px;font-weight:800;transition:.3s var(--ease)}.status.show{min-height:48px;margin-top:15px;padding:13px 15px;display:flex;align-items:center;gap:10px}.status.loading{border:1px solid #ffffff1c;background:#ffffff08;color:#f0edf2}.status.success{border:1px solid #54e59855;background:#3dcc7e12;color:#8cf0b8}.status.error{border:1px solid #ff46615c;background:#ef233c12;color:#ff8b9a}.status:before{content:"";display:none;width:15px;height:15px;border-radius:50%}.status.show:before{display:block}.status.loading:before{border:2px solid #ffffff26;border-top-color:#ff3e57;animation:ring .7s linear infinite}.status.success:before{background:#61dfa0;box-shadow:0 0 12px #61dfa0}.status.error:before{background:#ff4a62;box-shadow:0 0 12px #ff4a62}.code-card.is-shaking{animation:shake .32s ease}@keyframes shake{25%{transform:translateX(7px)}50%{transform:translateX(-7px)}75%{transform:translateX(4px)}}
.destinations{padding:10px 0 58px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px;border-bottom:1px solid #ffffff16;padding-bottom:14px}.section-title h2{margin:0;font-size:22px}.section-title p{margin:0;color:#99949e;font-size:12px}.destination-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.destination-card{min-height:140px;padding:10px;border:1px solid #ffffff1a;border-radius:17px;background:rgba(6,6,10,.72);display:grid;grid-template-columns:126px 1fr;gap:15px;align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:.28s var(--ease)}.destination-card:hover{transform:translateY(-4px);border-color:#ff405a75;background:rgba(17,10,15,.86);box-shadow:0 18px 45px #0009,0 0 24px #d9173722}.destination-card img{width:126px;height:116px;border-radius:11px;object-fit:cover}.destination-card span{display:flex;align-items:flex-start;flex-direction:column}.destination-card small{color:#ff536a;font-weight:900}.destination-card b{margin-top:8px;font-size:15px;line-height:1.55}.destination-card em{margin-top:12px;color:#aaa5ae;font-size:11px;font-style:normal}
footer{width:min(1180px,calc(100% - 40px));min-height:72px;margin:auto;border-top:1px solid #ffffff17;display:flex;align-items:center;justify-content:space-between;color:#8f8993;font-size:12px}footer div{display:flex;gap:22px}footer a:hover{color:#fff}
@media(max-width:850px){.world{background-position:53% center}.gate-header{width:calc(100% - 24px);height:66px;margin-top:12px;padding:0 14px}.gate-brand img{width:124px}.gate-brand span{display:none}.gate-header nav a{padding:8px;font-size:11px}.gate-header nav a:last-child{display:none}main{width:calc(100% - 24px)}.gate-stage{min-height:auto;padding:54px 0 35px;display:flex;flex-direction:column;gap:28px}.portal-rings{top:52%;right:50%;width:min(520px,125vw)}.gate-copy{text-align:center}.gate-copy h1{font-size:clamp(36px,11vw,52px)}.gate-copy p{margin-top:15px;font-size:14px;line-height:1.8}.code-card{width:100%;max-width:520px;padding:22px 16px;border-radius:20px}.code-field{grid-template-columns:1fr}.code-field input{height:82px;font-size:42px}.code-field button{height:58px}.hint{justify-content:center;text-align:center}.destination-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.destination-card{min-width:86%;grid-template-columns:104px 1fr;scroll-snap-align:start}.destination-card img{width:104px;height:106px}.section-title{align-items:start}.section-title p{max-width:130px;text-align:left}footer{width:calc(100% - 24px);padding:20px 0;flex-direction:column;gap:14px}footer div{gap:14px}}
@media(max-width:430px){.gate-copy h1{font-size:36px}.gate-copy p{font-size:13px}.code-card{padding:19px 14px}.code-field input{height:76px;font-size:38px}.destination-card{min-width:92%}.destination-card b{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
html{max-width:100%;overflow-x:clip}
body{max-width:100%}
@media(max-width:850px){.gate-stage,.destinations{min-width:0;overflow:hidden}}