@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#17142b;--muted:#7b7890;--purple:#6655e8;--purple2:#8d76ff;--gold:#f4b94f;--line:#ebe9f3;--bg:#fbfaff}*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,Arial,sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-1{width:450px;height:450px;top:-180px;left:-160px;background:#eeeaff}.orb-2{width:300px;height:300px;top:500px;right:-160px;background:#fff1d7}.topbar{height:82px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-bottom:1px solid #f0eef6;background:#ffffffc9;backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:900;font-size:20px}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:500}.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),#9b83ff);color:#fff;width:37px;height:37px;border-radius:12px;font-size:17px;box-shadow:0 8px 18px #7661e640}nav{display:flex;gap:34px;margin-right:70px}nav a{color:#68647b;text-decoration:none;font-size:13px}.header-actions{display:flex;align-items:center;gap:10px}.online{font-size:11px;color:#6c697c;margin-left:15px}.online i,.live-dot{color:#43b882;font-style:normal;font-size:10px}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43b882}.btn{font-family:inherit;border:0;border-radius:10px;padding:10px 18px;font-size:12px;cursor:pointer;font-weight:700}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 9px 20px #6b58e633}.btn-primary:hover{background:#5544d2}.btn-ghost{background:transparent;color:#5b576e}.btn-outline{background:#fff;color:var(--purple);border:1px solid #d8d3ff}.hero{max-width:1120px;margin:0 auto;padding:88px 20px 75px;display:flex;min-height:520px;align-items:center;position:relative}.hero-copy{width:52%}.eyebrow{font-size:11px;color:var(--purple);font-weight:700;letter-spacing:.2px;margin-bottom:15px}.eyebrow span{background:#eeebff;padding:5px 10px;border-radius:30px;margin-left:7px}.hero h1{font-size:52px;line-height:1.35;margin:0 0 17px;font-weight:900;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--purple)}.hero p{color:var(--muted);font-size:14px;line-height:2.1;max-width:420px}.hero-cta{display:flex;align-items:center;gap:22px;margin-top:27px}.btn-lg{padding:14px 22px;font-size:13px}.btn-lg b{margin-right:15px;font-size:18px}.text-btn{background:transparent;border:0;font-family:inherit;color:#77738a;font-size:12px;cursor:pointer}.text-btn b{color:var(--purple);font-size:17px;margin-right:8px}.trust{display:flex;align-items:center;gap:10px;margin-top:40px}.trust small,.trust strong{display:block;font-size:10px}.trust strong{font-size:11px}.trust small{color:var(--muted);margin-top:3px}.avatars{display:flex;direction:ltr}.avatars span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin-left:-7px;border:2px solid var(--bg);background:#d5c9ff;color:#493baf;font-size:10px}.avatars span:nth-child(2){background:#ffdba7;color:#9d6a17}.avatars span:nth-child(3){background:#c7eadb;color:#287b61}.avatars span:last-child{background:#fff;color:#999}.hero-art{width:48%;height:360px;position:relative}.glow{position:absolute;inset:35px 25px;background:#ede9ff;border-radius:50%;filter:blur(7px)}.ticket{position:absolute;width:290px;right:85px;top:34px;background:#fff;border-radius:18px;padding:21px;box-shadow:0 23px 55px #45368521;transform:rotate(4deg)}.ticket-top,.ticket-footer{display:flex;justify-content:space-between;color:#a09bad;font-size:10px}.lock{color:#8b74ee}.ticket-title{font-size:21px;font-weight:900;margin:22px 0 16px}.ticket-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;direction:ltr}.ticket-grid span{height:30px;border-radius:8px;background:#f3f1fa;display:grid;place-items:center;font-size:10px;color:#77718f}.ticket-grid span:nth-child(3n){background:#e7e1ff;color:#6049d6}.ticket-grid span:nth-child(7){background:#6554e5;color:#fff}.ticket-footer{border-top:1px dashed #ddd8eb;margin-top:18px;padding-top:15px}.ticket-footer b{color:#6453e3}.float-card{position:absolute;background:#fff;padding:12px 16px;border-radius:13px;box-shadow:0 14px 30px #44368117;display:flex;gap:9px;align-items:center;font-size:10px}.float-card strong,.float-card small{display:block}.float-card small{color:var(--muted);margin-top:3px}.card-a{top:20px;left:15px}.card-b{bottom:38px;right:0}.mini-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.gold{background:#fff1d4;color:#e9a42b}.purple{background:#eeeaff;color:var(--purple)}.stats{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:17px;box-shadow:0 10px 30px #4536850b;padding:25px 10px}.stats div{text-align:center;border-left:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{font-size:26px;display:block}.stats strong span{font-size:16px;color:var(--purple)}.stats small{font-size:10px;color:var(--muted)}.rooms-section,.how{max-width:1050px;margin:100px auto 0;padding:0 20px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-head h2{font-size:26px;margin:8px 0 0}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.room{background:#fff;border:1px solid #f0eef6;border-radius:15px;padding:19px;transition:.2s}.room:hover{transform:translateY(-3px);box-shadow:0 14px 28px #45368512}.room-head{display:flex;justify-content:space-between;align-items:start}.room h3{font-size:14px;margin:0 0 7px}.room p{font-size:10px;color:var(--muted);margin:0}.pill{font-size:9px;padding:4px 8px;border-radius:20px;background:#eaf9f2;color:#36a578}.room-info{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:13px;color:var(--muted);font-size:10px}.room-info b{color:var(--ink)}.room button{width:100%;margin-top:14px;padding:9px}.how{padding-top:15px}.center{justify-content:center;text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{background:#fff;border-radius:15px;padding:25px;border:1px solid #f1eff6}.step span{color:#a49af1;font-size:12px}.step h3{font-size:15px;margin:17px 0 8px}.step p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.notice{max-width:1010px;margin:80px auto 55px;background:#fff8e9;border:1px solid #ffe5ad;padding:18px 22px;border-radius:14px;display:flex;gap:15px;color:#765b29}.notice-icon{background:#f6bd4e;color:#fff;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:900}.notice strong{font-size:12px}.notice p{font-size:10px;margin:5px 0 0;line-height:1.8}footer{border-top:1px solid var(--line);padding:22px 7%;display:flex;justify-content:space-between;font-size:10px;color:#aaa6b6}.modal-backdrop{position:fixed;inset:0;background:#201a3c88;display:none;align-items:center;justify-content:center;z-index:5;padding:20px}.modal-backdrop.open{display:flex}.modal{width:390px;max-width:100%;background:#fff;border-radius:20px;padding:30px;position:relative}.close{position:absolute;left:18px;top:15px;border:0;background:none;font-size:24px;color:#aaa;cursor:pointer}.modal h2{margin:0 0 6px;font-size:22px}.modal p{font-size:11px;color:var(--muted);line-height:1.8}.field{margin:15px 0}.field label{font-size:11px;display:block;margin-bottom:6px}.field input{width:100%;padding:12px;border:1px solid #e4e1ed;border-radius:9px;font-family:inherit;outline:none}.field input:focus{border-color:var(--purple)}.modal .btn{width:100%;margin-top:7px}.modal-note{font-size:10px!important;text-align:center;margin-top:15px}.code-box{background:#f2efff;color:var(--purple);font-weight:900;font-size:28px;letter-spacing:7px;text-align:center;padding:15px;border-radius:12px;margin:20px 0}@media(max-width:800px){nav,.online{display:none}.hero{padding-top:55px;display:block}.hero-copy{width:100%}.hero h1{font-size:40px}.hero-art{width:100%;margin-top:35px}.ticket{right:50%;transform:translateX(50%) rotate(4deg)}.stats{margin:0 20px;grid-template-columns:repeat(2,1fr);gap:20px}.stats div:nth-child(2){border:0}.room-grid,.steps{grid-template-columns:1fr}.section-head{align-items:start;gap:15px}.notice{margin:60px 20px 35px}footer{margin-top:20px}}