:root{--ink:#071216;--ink2:#10272d;--paper:#f1ede4;--gold:#c9a45e;--gold2:#e7cd94;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans Arabic",sans-serif;overflow-x:hidden}.guide-hero{min-height:720px;color:var(--white);background:radial-gradient(circle at 18% 20%,#c9a45e3b,transparent 30%),linear-gradient(135deg,#061014,#123139);position:relative;overflow:hidden}.guide-hero:after{content:"REMOTE";position:absolute;left:-2vw;bottom:-5vw;font:700 clamp(110px,20vw,290px)/1 Arial;color:#ffffff08;letter-spacing:-.09em;pointer-events:none}.guide-hero nav{height:100px;padding:0 clamp(22px,7vw,110px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand>b{width:45px;height:45px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2);font:28px Georgia}.brand span{display:grid;gap:3px}.brand strong{font-size:16px}.brand small{color:#ffffff8c;font-size:9px;letter-spacing:.12em}.back{color:var(--gold2);font-size:13px;text-decoration:none}.hero-copy{position:relative;z-index:1;padding:90px clamp(24px,8vw,130px) 110px}.hero-copy>p:first-child{color:var(--gold2);letter-spacing:.12em;font-size:12px}.hero-copy h1{font:400 clamp(58px,8vw,118px)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.05em;margin:24px 0}.hero-copy h1 em,.start h2 em{color:var(--gold2);font-style:italic}.intro{max-width:760px;color:#ffffffb5;font-size:17px;line-height:2}.hero-stats{display:flex;gap:1px;margin-top:44px;max-width:650px;background:#e7cd9438}.hero-stats span{flex:1;background:#0a1c21;padding:20px;color:#ffffffa8;font-size:12px}.hero-stats b{display:block;color:var(--gold2);font:34px Georgia;margin-bottom:7px}main{width:100%;overflow:hidden}.warning{margin:0;padding:34px clamp(24px,8vw,130px);background:#fff9e8;border-bottom:1px solid #9b7a3f38;display:grid;grid-template-columns:220px 1fr;gap:38px;align-items:center}.warning strong{color:#80642d;font-size:18px}.warning p{margin:0;color:#555e5c;line-height:1.9}.browser{padding:80px clamp(20px,7vw,110px) 110px}.controls{position:sticky;top:0;z-index:10;background:#f1ede4f2;backdrop-filter:blur(14px);border-bottom:1px solid #08131820;margin:0 calc(-1 * clamp(20px,7vw,110px)) 30px;padding:22px clamp(20px,7vw,110px)}.controls label{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:20px;color:#65706d;font-size:12px}.controls input{width:100%;padding:15px 17px;border:1px solid #0813182b;background:#fffaf1;font:14px inherit;outline:none}.controls input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a45e20}.filters{display:flex;gap:8px;overflow-x:auto;margin-top:15px;padding-bottom:3px}.filters button{flex:none;border:1px solid #0813182a;background:transparent;padding:10px 14px;cursor:pointer;font:11px inherit}.filters button.active,.filters button:hover{background:var(--ink);color:var(--gold2)}.results{display:flex;align-items:baseline;gap:12px;color:#6a726f;margin-bottom:22px}.results b{color:var(--ink);font:34px Georgia}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid article{min-height:330px;background:#ffffff78;border:1px solid #08131820;padding:27px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.3s}.grid article:after{content:"";position:absolute;left:-65px;bottom:-75px;width:150px;height:150px;border:1px solid #c9a45e55;border-radius:50%}.grid article:hover{background:var(--white);transform:translateY(-5px);box-shadow:0 20px 45px #08131818}.grid article>span{color:#92753c;font-size:10px;letter-spacing:.08em}.grid h2{font:400 29px Georgia;margin:28px 0 15px;direction:ltr;text-align:right}.grid p{color:#596461;font-size:14px;line-height:1.85;margin:0 0 24px}.grid a{margin-top:auto;color:#80642d;border-top:1px solid #08131817;padding-top:15px;font-size:11px;text-decoration:none;position:relative;z-index:1}.grid article[hidden]{display:none}.empty{text-align:center;color:#68716f;padding:70px 20px}.start{background:var(--ink2);color:var(--white);padding:100px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.start span{color:var(--gold2);font-size:11px;letter-spacing:.11em}.start h2{font:400 clamp(43px,5vw,72px)/1.1 Georgia;margin:20px 0}.start ol{margin:0;padding:0;list-style:none;counter-reset:steps}.start li{counter-increment:steps;border-bottom:1px solid #ffffff1c;padding:18px 50px 18px 0;position:relative;color:#ffffffb3}.start li:before{content:"0" counter(steps);position:absolute;right:0;color:var(--gold2);font:13px Georgia}footer{background:#050d10;color:#ffffff75;padding:34px clamp(24px,8vw,130px);display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px}footer a{color:var(--gold2);text-decoration:none;font-size:14px}footer p{margin:0}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warning,.start{grid-template-columns:1fr}.controls{position:relative}.controls label{grid-template-columns:1fr}.guide-hero{min-height:650px}}@media(max-width:620px){.guide-hero nav{height:82px}.brand strong{font-size:13px}.brand small{font-size:7px}.brand>b{width:38px;height:38px;font-size:23px}.back{font-size:10px}.hero-copy{padding:65px 20px 75px}.hero-copy h1{font-size:52px}.intro{font-size:14px}.hero-stats{flex-wrap:wrap}.hero-stats span{min-width:30%}.warning{padding:26px 20px;gap:10px}.browser{padding:55px 15px 75px}.controls{margin:0 -15px 25px;padding:18px 15px}.grid{grid-template-columns:1fr;gap:9px}.grid article{min-height:270px;padding:23px}.start{padding:75px 22px}.start h2{font-size:42px}footer{flex-direction:column;align-items:flex-start}.guide-hero:after{display:none}}