/* طراحی و مالکیت قالب: رضا امیدی | Reza Omidi */
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,"Segoe UI",Arial,sans-serif}body{min-height:100vh;min-height:100svh;background:var(--bg);color:var(--fg);overflow:hidden}.page{min-height:100vh;min-height:100svh;padding:0 clamp(22px,5vw,72px);display:grid;grid-template-rows:auto 1fr auto;position:relative;isolation:isolate}.header,.footer{height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.logo{display:flex;align-items:center;gap:10px;font-weight:800}.logo i{width:35px;height:35px;display:grid;place-items:center;background:var(--fg);color:var(--bg);border-radius:11px;font-style:normal}.nav{display:flex;gap:25px}.nav a,a{text-decoration:none;color:inherit}.nav a,.footer{font-size:12px;color:var(--muted)}.stage{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,110px);align-items:center;position:relative;z-index:2}.art{height:min(55vw,470px);min-height:340px;display:grid;place-items:center;position:relative}.code{font:900 clamp(115px,17vw,240px)/.8 Arial;letter-spacing:-.1em;position:relative;z-index:2}.ring{position:absolute;width:78%;aspect-ratio:1;border:1px solid var(--line);border-radius:50%}.ring.two{width:56%;border-style:dashed}.pill{position:absolute;right:7%;bottom:14%;padding:9px 14px;background:var(--panel);border:1px solid var(--line);border-radius:99px;font-size:11px;box-shadow:0 12px 30px #0001;z-index:4}.pill i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-left:6px}.copy{max-width:500px}.tag{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--accent)}h1{font-size:clamp(36px,5vw,66px);line-height:1.2;letter-spacing:-.055em;margin:14px 0}p{font-size:16px;line-height:2;color:var(--muted);margin:0 0 28px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:13px 20px;border:1px solid var(--line);border-radius:12px}.primary{background:var(--fg);color:var(--bg)}.hint{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:11px;color:var(--muted)}.hint i{width:19px;height:19px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:700 11px Georgia}.footer{border-top:1px solid var(--line);height:70px}.blob{position:absolute;border-radius:50%;z-index:-1}@media(max-width:720px){body{overflow:auto}.header{height:68px}.nav a:last-child{display:none}.stage{grid-template-columns:1fr;text-align:center;gap:0}.art{height:270px;min-height:250px}.code{font-size:120px}.ring{width:235px}.ring.two{width:165px}.copy{margin:auto}.copy h1{font-size:36px;margin:8px 0}.copy p{font-size:14px;line-height:1.9;margin-bottom:18px}.actions,.hint{justify-content:center}.footer{margin-top:22px}.pill{bottom:5%}}
.page:after{content:"";position:absolute;inset:14px;border:1px solid var(--line);border-radius:28px;pointer-events:none;opacity:.45}.art:before{content:"";position:absolute;width:68%;aspect-ratio:1;border-radius:42% 58% 62% 38%/48% 42% 58% 52%;background:var(--accent);opacity:.07;transform:rotate(-12deg)}.spark{position:absolute;width:10px;height:10px;border:2px solid var(--accent);transform:rotate(45deg);z-index:3}.spark.s1{top:19%;left:17%}.spark.s2{right:15%;bottom:25%;width:6px;height:6px}.face{position:absolute;width:72px;height:58px;z-index:4;bottom:20%;left:17%;background:var(--panel);border:1px solid var(--line);border-radius:25px;box-shadow:0 12px 30px #0002;transform:rotate(-6deg)}.face:before{content:"••";position:absolute;top:10px;left:0;right:0;text-align:center;font:bold 18px Arial;letter-spacing:12px;padding-right:12px}.face:after{content:"";position:absolute;width:20px;height:9px;border-bottom:2px solid var(--accent);border-radius:50%;bottom:12px;left:25px}.code{filter:drop-shadow(0 18px 25px #00000012)}.btn{transition:.25s transform,.25s box-shadow}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0002}.logo i{box-shadow:0 7px 20px #0002}@media(max-width:720px){.page:after{inset:7px;border-radius:20px}.face{width:58px;height:48px;bottom:13%;left:12%}.face:before{top:7px}.face:after{bottom:9px;left:19px}}
.stage{padding:clamp(20px,3vw,42px);border-radius:36px}.art{isolation:isolate}.illustration{position:absolute;width:clamp(118px,14vw,190px);height:auto;left:3%;bottom:5%;z-index:5;filter:drop-shadow(0 22px 22px #0003);animation:float 5s ease-in-out infinite}.float-card{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;padding:11px 14px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 35px #0002;backdrop-filter:blur(12px);font-size:10px;color:var(--muted)}.float-card strong{display:block;color:var(--fg);font-size:12px;margin-bottom:2px}.float-card.top{top:12%;right:3%;transform:rotate(3deg)}.float-card.bottom{bottom:8%;right:8%;transform:rotate(-2deg)}.float-card .icon{width:31px;height:31px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:16px}.copy{padding:10px}.tag{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:99px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:9px;border-radius:16px;padding:14px 22px;font-weight:700;box-shadow:inset 0 1px #ffffff2b}.btn:after{content:"←";font-size:18px;transition:.25s transform}.btn:hover:after{transform:translateX(-4px)}.secondary{background:color-mix(in srgb,var(--panel) 65%,transparent);backdrop-filter:blur(8px)}.ripple{position:absolute;border-radius:50%;background:#fff5;transform:scale(0);animation:ripple .55s linear;pointer-events:none}.toast{position:fixed;left:50%;bottom:24px;z-index:20;transform:translate(-50%,120px);opacity:0;padding:12px 18px;border-radius:14px;background:var(--fg);color:var(--bg);font-size:12px;box-shadow:0 16px 40px #0003;transition:.35s}.toast.show{transform:translate(-50%,0);opacity:1}@keyframes float{50%{transform:translateY(-10px) rotate(2deg)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@media(max-width:720px){.stage{padding:12px;border-radius:25px}.illustration{width:105px;left:2%;bottom:0}.float-card.top{top:4%;right:2%}.float-card.bottom{display:none}.copy{padding-bottom:24px}}
.logo{width:68px;height:68px;display:flex;align-items:center;justify-content:center}.logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px #0003);transition:.25s transform}.logo:hover img{transform:scale(1.07) rotate(-3deg)}@media(max-width:720px){.logo{width:54px;height:54px}}
:root{--bg:#11110f;--fg:#eee6d1;--muted:#9f9682;--accent:#c7a55b;--panel:#1b1a16;--line:#494334}body{background:radial-gradient(circle at center,#262118,#11110f 60%)}.logo i{background:transparent;color:#c7a55b;border:1px solid;border-radius:50%}.code{font-family:Georgia,serif;font-weight:400;color:transparent;-webkit-text-stroke:1px #c7a55b;text-shadow:0 10px 40px #c7a55b33}.ring{border-color:#c7a55b66}.ring.two{border-style:dotted}.art:after{content:"✦";position:absolute;color:#c7a55b;font-size:28px;top:17%;right:22%}.btn{border-radius:0;padding-inline:28px}.primary{background:#c7a55b;color:#16140f}