{"id":42990,"date":"2026-08-16T09:07:27","date_gmt":"2026-08-16T06:07:27","guid":{"rendered":"https:\/\/pangaeaclub.net\/pangaea-mallathon\/"},"modified":"2026-08-16T10:32:44","modified_gmt":"2026-08-16T07:32:44","slug":"pangaea-mallathon","status":"publish","type":"page","link":"https:\/\/pangaeaclub.net\/ar\/pangaea-mallathon\/","title":{"rendered":"\u0645\u0648\u0644\u0627\u062b\u0648\u0646"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n \u0628\u0627\u0646\u062c\u064a\u0627 \u0645\u0648\u0644\u0627\u062b\u0648\u0646 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/title>\r\n <meta name=\"description\" content=\"\u0628\u0627\u0646\u062c\u064a\u0627 \u0645\u0648\u0644\u0627\u062b\u0648\u0646 \u064a\u0642\u062f\u0651\u0645 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u0634\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644\u0627\u062a \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\">\r\n <style>\r\n @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap\");\r\n\r\n :root {\r\n --ink: #000000;\r\n --muted: #5f6f68;\r\n --line: rgba(0, 0, 0, 0.12);\r\n --paper: #ffffff;\r\n --mist: #f2fbfa;\r\n --green: #64d1cc;\r\n --green-2: #42beb8;\r\n --aqua: #64d1cc;\r\n --coral: #d73d3b;\r\n --gold: #d79b2b;\r\n --shadow: 0 24px 70px rgba(0, 0, 0, 0.12);\r\n --radius: 24px;\r\n }\r\n\r\n * { box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n margin: 0;\r\n font-family: \"Poppins\", \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\r\n color: var(--ink);\r\n background: var(--paper);\r\n line-height: 1.5;\r\n }\r\n img { max-width: 100%; display: block; }\r\n a { color: inherit; }\r\n button, input, select { font: inherit; }\r\n\r\n @keyframes heroReveal {\r\n from { opacity: 0; transform: translateY(26px); filter: blur(8px); }\r\n to { opacity: 1; transform: translateY(0); filter: blur(0); }\r\n }\r\n @keyframes softPulse {\r\n 0%, 100% { box-shadow: 0 0 0 6px rgba(100,209,204,.2); }\r\n 50% { box-shadow: 0 0 0 12px rgba(100,209,204,.04); }\r\n }\r\n @keyframes statGlow {\r\n from { background: rgba(255,255,255,.08); }\r\n to { background: rgba(100,209,204,.16); }\r\n }\r\n\r\n [data-animate] {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition:\r\n opacity .75s cubic-bezier(.2,.8,.2,1),\r\n transform .75s cubic-bezier(.2,.8,.2,1),\r\n filter .75s cubic-bezier(.2,.8,.2,1);\r\n transition-delay: var(--delay, 0ms);\r\n filter: blur(6px);\r\n will-change: opacity, transform;\r\n }\r\n [data-animate=\"slide-left\"] { transform: translateX(-34px); }\r\n [data-animate=\"slide-right\"] { transform: translateX(34px); }\r\n [data-animate].is-visible {\r\n opacity: 1;\r\n transform: translate(0, 0);\r\n filter: blur(0);\r\n }\r\n\r\n .hero {\r\n min-height: 92vh;\r\n position: relative;\r\n display: grid;\r\n align-items: end;\r\n overflow: hidden;\r\n color: #fff;\r\n background: #000;\r\n }\r\n .hero::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(90deg, rgba(0, 0, 0, .86) 0%, rgba(0, 0, 0, .55) 43%, rgba(0, 0, 0, .12) 100%),\r\n linear-gradient(0deg, rgba(0, 0, 0, .74), rgba(0, 0, 0, .1) 48%),\r\n url(\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/81dd0687-2aec-4df6-92be-97d06c1fc5d1.jpeg\") center \/ cover no-repeat;\r\n transform: translate3d(var(--hero-x, 0px), var(--hero-y, 0px), 0) scale(1.05);\r\n transition: transform .28s ease-out;\r\n will-change: transform;\r\n }\r\n .hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n width: min(1180px, calc(100% - 36px));\r\n margin: 0 auto;\r\n padding: 118px 0 56px;\r\n }\r\n .kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 8px 13px;\r\n border: 1px solid rgba(255,255,255,.28);\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.11);\r\n backdrop-filter: blur(14px);\r\n font-size: 12px;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: .09em;\r\n opacity: 0;\r\n animation: heroReveal .75s .08s cubic-bezier(.2,.8,.2,1) forwards;\r\n }\r\n .kicker::before {\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--aqua);\r\n box-shadow: 0 0 0 6px rgba(100,209,204,.2);\r\n animation: softPulse 2.6s ease-in-out infinite;\r\n }\r\n h1 {\r\n margin: 22px 0 16px;\r\n max-width: 840px;\r\n font-size: clamp(48px, 8vw, 108px);\r\n line-height: .92;\r\n letter-spacing: 0;\r\n font-weight: 950;\r\n opacity: 0;\r\n animation: heroReveal .85s .2s cubic-bezier(.2,.8,.2,1) forwards;\r\n }\r\n .hero-lede {\r\n max-width: 650px;\r\n margin: 0 0 30px;\r\n font-size: clamp(17px, 2.1vw, 23px);\r\n color: rgba(255,255,255,.86);\r\n opacity: 0;\r\n animation: heroReveal .85s .34s cubic-bezier(.2,.8,.2,1) forwards;\r\n }\r\n .hero-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n flex-wrap: wrap;\r\n opacity: 0;\r\n animation: heroReveal .85s .48s cubic-bezier(.2,.8,.2,1) forwards;\r\n }\r\n .btn {\r\n border: 0;\r\n border-radius: 999px;\r\n min-height: 48px;\r\n padding: 13px 20px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n font-weight: 950;\r\n cursor: pointer;\r\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n }\r\n .btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 16px 32px rgba(0,0,0,.18);\r\n }\r\n .btn-primary { background: var(--coral); color: #fff; }\r\n .btn-secondary {\r\n color: #fff;\r\n border: 1px solid rgba(255,255,255,.32);\r\n background: rgba(255,255,255,.12);\r\n backdrop-filter: blur(12px);\r\n }\r\n .hero-strip {\r\n margin-top: 46px;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n border: 1px solid rgba(255,255,255,.19);\r\n background: rgba(255,255,255,.11);\r\n backdrop-filter: blur(16px);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n opacity: 0;\r\n animation: heroReveal .85s .64s cubic-bezier(.2,.8,.2,1) forwards;\r\n }\r\n .hero-stat {\r\n padding: 18px 20px;\r\n border-right: 1px solid rgba(255,255,255,.16);\r\n transition: background .25s ease, transform .25s ease;\r\n }\r\n .hero-stat:hover {\r\n animation: statGlow .8s ease forwards;\r\n transform: translateY(-2px);\r\n }\r\n .hero-stat:last-child { border-right: 0; }\r\n .hero-stat strong {\r\n display: block;\r\n font-size: clamp(22px, 3vw, 36px);\r\n line-height: 1;\r\n font-weight: 950;\r\n }\r\n .hero-stat span {\r\n display: block;\r\n margin-top: 6px;\r\n color: rgba(255,255,255,.74);\r\n font-size: 13px;\r\n font-weight: 800;\r\n }\r\n\r\n section { padding: 78px clamp(18px, 4vw, 56px); }\r\n .wrap { width: min(1180px, 100%); margin: 0 auto; }\r\n .section-head {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: end;\r\n gap: 24px;\r\n margin-bottom: 28px;\r\n }\r\n .eyebrow {\r\n color: var(--green);\r\n font-weight: 950;\r\n text-transform: uppercase;\r\n letter-spacing: .08em;\r\n font-size: 12px;\r\n margin-bottom: 8px;\r\n }\r\n h2 {\r\n margin: 0;\r\n font-size: clamp(32px, 5vw, 60px);\r\n line-height: 1;\r\n letter-spacing: 0;\r\n }\r\n .hero h1,\r\n .hero .kicker,\r\n .hero .hero-lede,\r\n .hero .hero-stat,\r\n .hero .hero-stat strong,\r\n .experience,\r\n .experience h2,\r\n .experience .time-row,\r\n .experience .time-row span,\r\n .signup-box,\r\n .signup-box h3,\r\n .faq,\r\n .faq h2,\r\n .faq .faq-question,\r\n .final-cta,\r\n .final-cta h2,\r\n .footer {\r\n color: #fff !important;\r\n }\r\n .hero .hero-stat span,\r\n .experience .section-copy,\r\n .signup-box p,\r\n .faq .section-copy,\r\n .faq .faq-answer p,\r\n .final-cta p {\r\n color: rgba(255,255,255,.82) !important;\r\n }\r\n .section-copy {\r\n max-width: 480px;\r\n color: var(--muted);\r\n font-size: 16px;\r\n margin: 0;\r\n }\r\n\r\n .intro {\r\n background: linear-gradient(180deg, var(--paper), var(--mist));\r\n }\r\n .intro-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n align-items: stretch;\r\n }\r\n .feature-photo {\r\n min-height: 500px;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n position: relative;\r\n }\r\n .feature-photo img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transform: scale(1.04);\r\n transition: transform 1.2s cubic-bezier(.2,.8,.2,1);\r\n }\r\n .feature-photo.is-visible img { transform: scale(1); }\r\n .photo-badge {\r\n position: absolute;\r\n left: 18px;\r\n bottom: 18px;\r\n background: rgba(255,253,248,.94);\r\n color: var(--ink);\r\n border-radius: var(--radius);\r\n padding: 14px 16px;\r\n max-width: 250px;\r\n box-shadow: 0 18px 40px rgba(10,34,27,.16);\r\n }\r\n .photo-badge strong { display: block; font-size: 22px; line-height: 1; }\r\n .steps {\r\n display: grid;\r\n gap: 12px;\r\n }\r\n .step {\r\n display: grid;\r\n grid-template-columns: 54px 1fr;\r\n gap: 16px;\r\n align-items: start;\r\n padding: 22px;\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n background: rgba(255,255,255,.72);\r\n transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n }\r\n .step:hover {\r\n transform: translateY(-4px);\r\n border-color: rgba(100,209,204,.72);\r\n box-shadow: 0 18px 38px rgba(0,0,0,.08);\r\n }\r\n .step-num {\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 50%;\r\n display: grid;\r\n place-items: center;\r\n color: #000;\r\n font-weight: 950;\r\n background: linear-gradient(135deg, var(--green), var(--aqua));\r\n transition: transform .25s ease;\r\n }\r\n .step:hover .step-num { transform: rotate(-5deg) scale(1.05); }\r\n .step h3 { margin: 0 0 5px; font-size: 20px; }\r\n .step p { margin: 0; color: var(--muted); }\r\n\r\n .malls {\r\n background: var(--paper);\r\n }\r\n .filters {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n margin-bottom: 22px;\r\n }\r\n .filter {\r\n border: 1px solid var(--line);\r\n background: #fff;\r\n border-radius: 999px;\r\n padding: 9px 13px;\r\n cursor: pointer;\r\n font-size: 13px;\r\n font-weight: 900;\r\n color: var(--muted);\r\n transition: transform .2s ease, background .2s ease, color .2s ease;\r\n }\r\n .filter:hover { transform: translateY(-2px); }\r\n .filter.is-active {\r\n color: #000;\r\n border-color: var(--green);\r\n background: var(--green);\r\n }\r\n .mall-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n }\r\n .mall-card {\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n background: #fff;\r\n overflow: hidden;\r\n box-shadow: 0 14px 35px rgba(10,34,27,.07);\r\n transition: transform .28s ease, box-shadow .28s ease;\r\n }\r\n .mall-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow);\r\n }\r\n .mall-img {\r\n height: 190px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .mall-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform .7s cubic-bezier(.2,.8,.2,1);\r\n }\r\n .mall-card:hover .mall-img img { transform: scale(1.08); }\r\n .mall-img::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(0deg, rgba(0,0,0,.56), transparent 58%);\r\n }\r\n .mall-city {\r\n position: absolute;\r\n left: 12px;\r\n bottom: 12px;\r\n z-index: 1;\r\n color: #fff;\r\n font-weight: 950;\r\n font-size: 13px;\r\n }\r\n .mall-body { padding: 18px; }\r\n .mall-body h3 { margin: 0 0 6px; font-size: 22px; }\r\n .distances {\r\n display: flex;\r\n gap: 7px;\r\n flex-wrap: wrap;\r\n margin: 14px 0;\r\n }\r\n .distances span {\r\n padding: 6px 9px;\r\n background: var(--mist);\r\n border-radius: 999px;\r\n color: var(--green);\r\n font-size: 12px;\r\n font-weight: 950;\r\n }\r\n .mall-meta {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding-top: 12px;\r\n border-top: 1px solid var(--line);\r\n color: var(--muted);\r\n font-size: 13px;\r\n font-weight: 800;\r\n }\r\n\r\n .experience {\r\n position: relative;\r\n color: #fff;\r\n background:\r\n linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.5)),\r\n url(\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/b378f213-71fb-4a2a-b774-3d588a25f123.jpeg\") center \/ cover no-repeat;\r\n }\r\n .experience-grid {\r\n display: grid;\r\n grid-template-columns: .85fr 1.15fr;\r\n gap: 34px;\r\n align-items: center;\r\n }\r\n .experience .eyebrow { color: var(--aqua); }\r\n .experience .section-copy { color: rgba(255,255,255,.78); }\r\n .timeline {\r\n display: grid;\r\n gap: 10px;\r\n }\r\n .time-row {\r\n display: grid;\r\n grid-template-columns: 96px 1fr;\r\n gap: 14px;\r\n align-items: center;\r\n padding: 15px;\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: var(--radius);\r\n background: rgba(255,255,255,.1);\r\n backdrop-filter: blur(12px);\r\n transition: transform .25s ease, background .25s ease, border-color .25s ease;\r\n }\r\n .time-row:hover {\r\n transform: translateX(6px);\r\n border-color: rgba(100,209,204,.45);\r\n background: rgba(255,255,255,.15);\r\n }\r\n .time-row strong { color: var(--aqua); font-size: 20px; }\r\n .time-row span { color: rgba(255,255,255,.82); font-weight: 800; }\r\n\r\n .race-day {\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,.9), rgba(242,251,250,.94)),\r\n url(\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/81dd0687-2aec-4df6-92be-97d06c1fc5d1.jpeg\") center \/ cover no-repeat;\r\n }\r\n .race-panel {\r\n display: grid;\r\n grid-template-columns: 1fr 360px;\r\n gap: 18px;\r\n align-items: stretch;\r\n }\r\n .calendar {\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n background: #fff;\r\n overflow: hidden;\r\n }\r\n .calendar-row {\r\n display: grid;\r\n grid-template-columns: 120px 1fr 170px;\r\n gap: 16px;\r\n align-items: center;\r\n padding: 18px 20px;\r\n border-bottom: 1px solid var(--line);\r\n transition: transform .25s ease, background .25s ease;\r\n }\r\n .calendar-row:hover {\r\n transform: translateX(4px);\r\n background: rgba(100,209,204,.08);\r\n }\r\n .calendar-row:last-child { border-bottom: 0; }\r\n .date-pill {\r\n border-radius: var(--radius);\r\n background: var(--green);\r\n color: #000;\r\n padding: 10px;\r\n text-align: center;\r\n font-weight: 950;\r\n }\r\n .date-pill span { display: block; font-size: 12px; opacity: .78; }\r\n .calendar-row h3 { margin: 0 0 3px; }\r\n .calendar-row p { margin: 0; color: var(--muted); }\r\n .status {\r\n justify-self: end;\r\n border-radius: 999px;\r\n padding: 8px 11px;\r\n background: rgba(215,61,59,.1);\r\n color: var(--coral);\r\n font-weight: 950;\r\n font-size: 12px;\r\n }\r\n .signup-box {\r\n border-radius: var(--radius);\r\n padding: 24px;\r\n background: #000;\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n transition: transform .25s ease, box-shadow .25s ease;\r\n }\r\n .signup-box:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 30px 80px rgba(0,0,0,.18);\r\n }\r\n .signup-box h3 { margin: 0 0 8px; font-size: 28px; line-height: 1.05; }\r\n .signup-box p { color: rgba(255,255,255,.78); }\r\n .mini-form {\r\n display: grid;\r\n gap: 10px;\r\n margin-top: 18px;\r\n }\r\n .mini-form input, .mini-form select {\r\n width: 100%;\r\n border: 1px solid rgba(255,255,255,.18);\r\n background: rgba(255,255,255,.1);\r\n color: #fff;\r\n border-radius: var(--radius);\r\n min-height: 46px;\r\n padding: 0 13px;\r\n outline: 0;\r\n }\r\n .mini-form input::placeholder { color: rgba(255,255,255,.55); }\r\n .mini-form select option { color: var(--ink); }\r\n .mini-form button {\r\n margin-top: 2px;\r\n background: var(--coral);\r\n color: #fff;\r\n border: 0;\r\n border-radius: 999px;\r\n min-height: 48px;\r\n font-weight: 950;\r\n cursor: pointer;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n }\r\n .mini-form button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 16px 30px rgba(215,61,59,.32);\r\n }\r\n .form-note {\r\n min-height: 22px;\r\n color: var(--aqua);\r\n font-size: 13px;\r\n font-weight: 800;\r\n }\r\n\r\n .partners {\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.96)),\r\n url(\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/b378f213-71fb-4a2a-b774-3d588a25f123.jpeg\") center \/ cover no-repeat;\r\n }\r\n .partner-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 10px;\r\n }\r\n .partner {\r\n min-height: 88px;\r\n display: grid;\r\n place-items: center;\r\n text-align: center;\r\n padding: 14px;\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,.28);\r\n border-radius: var(--radius);\r\n background:\r\n linear-gradient(0deg, rgba(0,0,0,.58), rgba(0,0,0,.26)),\r\n url(\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/81dd0687-2aec-4df6-92be-97d06c1fc5d1.jpeg\") center \/ cover no-repeat;\r\n color: #fff;\r\n font-size: 12px;\r\n font-weight: 950;\r\n text-transform: uppercase;\r\n letter-spacing: .04em;\r\n box-shadow: 0 14px 32px rgba(0,0,0,.12);\r\n transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n }\r\n .partner:nth-child(even) {\r\n background:\r\n linear-gradient(0deg, rgba(0,0,0,.58), rgba(0,0,0,.26)),\r\n url(\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/b378f213-71fb-4a2a-b774-3d588a25f123.jpeg\") center \/ cover no-repeat;\r\n }\r\n .partner:hover {\r\n transform: translateY(-5px) scale(1.02);\r\n filter: saturate(1.1);\r\n box-shadow: 0 24px 46px rgba(0,0,0,.18);\r\n }\r\n\r\n .faq {\r\n background: #000;\r\n color: #fff;\r\n }\r\n .faq .eyebrow { color: var(--aqua); }\r\n .faq-list {\r\n display: grid;\r\n gap: 10px;\r\n max-width: 820px;\r\n margin: 28px auto 0;\r\n }\r\n .faq-item {\r\n border: 1px solid rgba(255,255,255,.16);\r\n border-radius: var(--radius);\r\n background: rgba(255,255,255,.08);\r\n overflow: hidden;\r\n transition: border-color .25s ease, background .25s ease, transform .25s ease;\r\n }\r\n .faq-item:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(100,209,204,.38);\r\n background: rgba(255,255,255,.11);\r\n }\r\n .faq-question {\r\n width: 100%;\r\n color: #fff;\r\n background: transparent;\r\n border: 0;\r\n text-align: left;\r\n padding: 18px 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 16px;\r\n cursor: pointer;\r\n font-weight: 950;\r\n }\r\n .faq-question span:last-child { color: var(--aqua); }\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height .25s ease;\r\n }\r\n .faq-answer p {\r\n margin: 0;\r\n padding: 0 20px 18px;\r\n color: rgba(255,255,255,.76);\r\n }\r\n .faq-item.is-open .faq-answer { max-height: 180px; }\r\n\r\n .final-cta {\r\n position: relative;\r\n overflow: hidden;\r\n background:\r\n linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.48)),\r\n url(\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/81dd0687-2aec-4df6-92be-97d06c1fc5d1.jpeg\") center \/ cover no-repeat;\r\n color: #fff;\r\n text-align: center;\r\n }\r\n .final-cta h2 { max-width: 820px; margin: 0 auto 16px; }\r\n .final-cta p {\r\n max-width: 620px;\r\n margin: 0 auto 26px;\r\n color: rgba(255,255,255,.82);\r\n font-size: 18px;\r\n }\r\n .final-cta .btn-primary { background: var(--coral); color: #fff; }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after {\r\n animation-duration: .001ms !important;\r\n animation-iteration-count: 1 !important;\r\n scroll-behavior: auto !important;\r\n transition-duration: .001ms !important;\r\n }\r\n [data-animate] {\r\n opacity: 1;\r\n transform: none;\r\n filter: none;\r\n }\r\n }\r\n\r\n .footer {\r\n padding: 30px clamp(18px, 4vw, 56px);\r\n background: #000;\r\n color: rgba(255,255,255,.68);\r\n font-size: 13px;\r\n }\r\n .footer .wrap {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 18px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n .hero-strip, .mall-grid, .partner-grid { grid-template-columns: repeat(2, 1fr); }\r\n .intro-grid, .experience-grid, .race-panel { grid-template-columns: 1fr; }\r\n .feature-photo { min-height: 360px; }\r\n .calendar-row { grid-template-columns: 100px 1fr; }\r\n .status { grid-column: 2; justify-self: start; }\r\n }\r\n @media (max-width: 620px) {\r\n .hero { min-height: 88vh; }\r\n .hero-inner { width: calc(100% - 28px); padding-bottom: 28px; }\r\n .hero-strip, .mall-grid, .partner-grid { grid-template-columns: 1fr; }\r\n .hero-stat { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); }\r\n .hero-stat:last-child { border-bottom: 0; }\r\n section { padding: 58px 14px; }\r\n .section-head { display: block; }\r\n .section-copy { margin-top: 12px; }\r\n .step { grid-template-columns: 44px 1fr; padding: 17px; }\r\n .step-num { width: 44px; height: 44px; }\r\n .calendar-row { grid-template-columns: 1fr; }\r\n .status { grid-column: auto; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <header class=\"hero\" id=\"top\">\r\n <div class=\"hero-inner\">\r\n <div class=\"kicker\">\u0633\u0644\u0633\u0644\u0629 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u0634\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/div>\r\n <h1>\u062a\u062d\u0631\u0651\u0643 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644. \u0648\u062e\u0644\u0643 \u062c\u0632\u0621 \u0645\u0646 \u0628\u062f\u0627\u064a\u0629 \u064a\u0648\u0645 \u0627\u0644\u0645\u062f\u064a\u0646\u0629.<\/h1>\r\n <p class=\"hero-lede\">\r\n \u0628\u0627\u0646\u062c\u064a\u0627 \u0645\u0648\u0644\u0627\u062b\u0648\u0646 \u064a\u062c\u0645\u0639 \u0627\u0644\u062c\u0631\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a\u060c \u0648\u0627\u0644\u0645\u0634\u064a \u0627\u0644\u0639\u0627\u0626\u0644\u064a\u060c \u0648\u0623\u064a\u0627\u0645 \u0627\u0644\u0633\u0628\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0651\u062a\u0629 \u062f\u0627\u062e\u0644 \u0645\u0648\u0644\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0628\u062a\u062c\u0631\u0628\u0629 \u0635\u0628\u0627\u062d\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u062c\u0645\u064a\u0639 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0648\u062a\u0636\u064a\u0641 \u0644\u0645\u0633\u0629 \u062d\u0645\u0627\u0633 \u0648\u062a\u062d\u062f\u0651\u064a.\r\n <\/p>\r\n <div class=\"hero-actions\">\r\n <a class=\"btn btn-primary\" href=\"#register\">\u0627\u0646\u0636\u0645 \u0644\u0644\u0627\u0646\u0637\u0644\u0627\u0642\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/a>\r\n <a class=\"btn btn-secondary\" href=\"#malls\">\u0627\u0643\u062a\u0634\u0641 \u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0648\u0644\u0627\u062a<\/a>\r\n <\/div>\r\n <div class=\"hero-strip\" aria-label=\"\u0623\u0628\u0631\u0632 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629\">\r\n <div class=\"hero-stat\"><strong data-count=\"0\">0<\/strong><span>\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u0648\u0644\u0627\u062a \u0645\u0624\u0643\u062f\u0629<\/span><\/div>\r\n <div class=\"hero-stat\"><strong data-count=\"0\">0<\/strong><span>\u0645\u0633\u0627\u0641\u0627\u062a \u0645\u0624\u0643\u062f\u0629<\/span><\/div>\r\n <div class=\"hero-stat\"><strong data-count=\"0\">0<\/strong><span>\u0623\u064a\u0627\u0645 \u0646\u0634\u0627\u0637 \u0645\u0624\u0643\u062f\u0629<\/span><\/div>\r\n <div class=\"hero-stat\"><strong data-count=\"0\">0<\/strong><span>\u062c\u0644\u0633\u0627\u062a \u0645\u0624\u0643\u062f\u0629<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"intro\" id=\"how\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <div>\r\n <div class=\"eyebrow\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629<\/div>\r\n <h2>\u0628\u0633\u064a\u0637\u0629 \u0644\u0645\u0634\u0648\u0627\u0631 \u0635\u0628\u0627\u062d\u064a. \u0648\u062d\u0645\u0627\u0633\u0647\u0627 \u064a\u0648\u0635\u0644 \u0644\u064a\u0648\u0645 \u0627\u0644\u0633\u0628\u0627\u0642.<\/h2>\r\n <\/div>\r\n <p class=\"section-copy\">\u0634\u0627\u0631\u0643 \u0641\u064a \u062c\u0644\u0633\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0628\u062f\u0648\u0646 \u0636\u063a\u0637\u060c \u0648\u0633\u062c\u0651\u0644 \u0641\u064a \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0633\u0628\u0627\u0642\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0644\u0645\u0627 \u062a\u0643\u0648\u0646 \u062c\u0627\u0647\u0632 \u062a\u0639\u064a\u0634 \u062a\u062c\u0631\u0628\u0629 \u0645\u0648\u0644\u0627\u062b\u0648\u0646 \u0643\u0627\u0645\u0644\u0629.<\/p>\r\n <\/div>\r\n <div class=\"intro-grid\">\r\n <div class=\"feature-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/b378f213-71fb-4a2a-b774-3d588a25f123.jpeg\" alt=\"\u0645\u0634\u0627\u0631\u0643\u0648\u0646 \u0641\u064a \u0628\u0627\u0646\u062c\u064a\u0627 \u0645\u0648\u0644\u0627\u062b\u0648\u0646 \u062f\u0627\u062e\u0644 \u0623\u062d\u062f \u0627\u0644\u0645\u0648\u0644\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\">\r\n <div class=\"photo-badge\">\r\n <strong>\u0627\u0631\u0643\u0636. \u0627\u0645\u0634\u0650. \u0648\u0643\u0646 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u0627\u0644\u0645\u062c\u062a\u0645\u0639.<\/strong>\r\n <span>\u0645\u0635\u0645\u0645\u0629 \u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646\u060c \u0648\u0627\u0644\u0646\u0648\u0627\u062f\u064a\u060c \u0648\u0643\u0644 \u0634\u062e\u0635 \u064a\u062d\u0628 \u0627\u0644\u062d\u0631\u0643\u0629.<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"steps\">\r\n <article class=\"step\">\r\n <div class=\"step-num\">01<\/div>\r\n <div>\r\n <h3>\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0648\u0644<\/h3>\r\n <p>\u0627\u062e\u062a\u0631 \u0645\u0648\u0642\u0639\u064b\u0627 \u0645\u0634\u0627\u0631\u0643\u064b\u0627 \u0642\u0631\u064a\u0628\u064b\u0627 \u0645\u0646\u0643\u060c \u0648\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0645\u0633\u0627\u0631\u060c \u0648\u0648\u0642\u062a \u0627\u0644\u0628\u062f\u0627\u064a\u0629\u060c \u0648\u062c\u062f\u0648\u0644 \u064a\u0648\u0645 \u0627\u0644\u0633\u0628\u0627\u0642.<\/p>\r\n <\/div>\r\n <\/article>\r\n <article class=\"step\">\r\n <div class=\"step-num\">02<\/div>\r\n <div>\r\n <h3>\u0634\u0627\u0631\u0643 \u0641\u064a \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629<\/h3>\r\n <p>\u062a\u0639\u0627\u0644 \u0644\u062c\u0644\u0633\u0627\u062a \u0627\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u0634\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a\u0629 \u0642\u0628\u0644 \u0627\u0641\u062a\u062a\u0627\u062d \u0627\u0644\u0645\u062d\u0644\u0627\u062a. \u0628\u062f\u0648\u0646 \u062a\u0648\u0642\u064a\u062a\u060c \u0648\u0628\u062f\u0648\u0646 \u0636\u063a\u0637\u060c \u0641\u0642\u0637 \u062d\u0631\u0643\u0629 \u0648\u0646\u0634\u0627\u0637.<\/p>\r\n <\/div>\r\n <\/article>\r\n <article class=\"step\">\r\n <div class=\"step-num\">03<\/div>\r\n <div>\r\n <h3>\u0633\u062c\u0651\u0644 \u0644\u064a\u0648\u0645 \u0627\u0644\u0633\u0628\u0627\u0642<\/h3>\r\n <p>\u0627\u062e\u062a\u0631 \u0645\u0633\u0627\u0641\u062a\u0643\u060c \u0648\u0627\u0633\u062a\u0644\u0645 \u0631\u0642\u0645 \u0627\u0644\u0633\u0628\u0627\u0642\u060c \u0648\u0643\u0645\u0644 \u0627\u0644\u0645\u0633\u0627\u0631 \u0648\u0633\u0637 \u0627\u0644\u0645\u0648\u0633\u064a\u0642\u0649\u060c \u0648\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062a\u0634\u062c\u064a\u0639\u060c \u0648\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647\u060c \u0648\u062d\u0645\u0627\u0633 \u062e\u0637 \u0627\u0644\u0646\u0647\u0627\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/article>\r\n <article class=\"step\">\r\n <div class=\"step-num\">04<\/div>\r\n <div>\r\n <h3>\u0627\u0643\u0633\u0628 \u0645\u0643\u0627\u0641\u0622\u062a \u0628\u0627\u0646\u062c\u064a\u0627<\/h3>\r\n <p>\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0648\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0643\u0645\u0644\u0648\u0646 \u0627\u0644\u0645\u0633\u0627\u0631 \u0648\u0627\u0644\u0645\u0648\u0627\u0638\u0628\u0648\u0646 \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629 \u064a\u0642\u062f\u0631\u0648\u0646 \u064a\u062d\u0635\u0644\u0648\u0646 \u0639\u0644\u0649 \u0634\u0627\u0631\u0627\u062a\u060c \u0648\u0646\u0642\u0627\u0637 \u0648\u0644\u0627\u0621\u060c \u0648\u0645\u0632\u0627\u064a\u0627 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u0621\u060c \u0648\u0623\u0648\u0644\u0648\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0628\u0627\u0646\u062c\u064a\u0627 \u0627\u0644\u0642\u0627\u062f\u0645\u0629.<\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"malls\" id=\"malls\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <div>\r\n <div class=\"eyebrow\">\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0648\u0644\u0627\u062a<\/div>\r\n <h2>\u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/h2>\r\n <\/div>\r\n <p class=\"section-copy\">\u0646\u0638\u0627\u0645 \u0645\u0633\u0627\u0631\u0627\u062a \u0645\u0631\u0646 \u064a\u0646\u0627\u0633\u0628 \u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0645\u0634\u064a\u060c \u0648\u0627\u0644\u0639\u062f\u0651\u0627\u0626\u064a\u0646 \u0628\u0627\u0644\u062a\u0648\u0642\u064a\u062a\u060c \u0648\u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a\u060c \u0648\u062a\u0641\u0639\u064a\u0644\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u062f\u0627\u062e\u0644 \u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0648\u0644\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/p>\r\n <\/div>\r\n <div class=\"filters\" aria-label=\"\u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u0645\u0648\u0644\u0627\u062a \u062d\u0633\u0628 \u0627\u0644\u0645\u062f\u064a\u0646\u0629\">\r\n <button class=\"filter is-active\" data-filter=\"all\">\u0643\u0644 \u0627\u0644\u0645\u062f\u0646<\/button>\r\n <button class=\"filter\" data-filter=\"riyadh\">\u0627\u0644\u0631\u064a\u0627\u0636<\/button>\r\n <button class=\"filter\" data-filter=\"jeddah\">\u062c\u062f\u0629<\/button>\r\n <button class=\"filter\" data-filter=\"khobar\">\u0627\u0644\u062e\u0628\u0631<\/button>\r\n <\/div>\r\n <div class=\"mall-grid\">\r\n <article class=\"mall-card\" data-city=\"riyadh\">\r\n <div class=\"mall-img\">\r\n <img decoding=\"async\" src=\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/81dd0687-2aec-4df6-92be-97d06c1fc5d1.jpeg\" alt=\"\u0645\u0633\u0627\u0631 \u0645\u0648\u0644 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636\">\r\n <div class=\"mall-city\">\u0627\u0644\u0631\u064a\u0627\u0636<\/div>\r\n <\/div>\r\n <div class=\"mall-body\">\r\n <h3>\u0645\u0633\u0627\u0631 \u0627\u0644\u0631\u064a\u0627\u0636 \u0628\u0627\u0631\u0643<\/h3>\r\n <p>\u0644\u0641\u0627\u062a \u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0627\u0633\u0639\u0629\u060c \u0648\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0633\u0631\u0639\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a\u060c \u0648\u062e\u064a\u0627\u0631 \u0633\u0628\u0627\u0642 \u0633\u0631\u064a\u0639 \u0644\u0645\u0633\u0627\u0641\u0629 5 \u0643\u0645.<\/p>\r\n <div class=\"distances\"><span>\u0645\u0634\u064a 2 \u0643\u0645<\/span><span>\u062c\u0631\u064a 5 \u0643\u0645<\/span><span>\u062a\u062d\u062f\u064a 10 \u0643\u0645<\/span><\/div>\r\n <div class=\"mall-meta\"><span>\u064a\u0648\u0645\u064a\u064b\u0627 6:00 \u0635\u0628\u0627\u062d\u064b\u0627<\/span><span>\u064a\u0648\u0645 \u0627\u0644\u0633\u0628\u0627\u0642 \u0642\u0631\u064a\u0628\u064b\u0627<\/span><\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"mall-card\" data-city=\"jeddah\">\r\n <div class=\"mall-img\">\r\n <img decoding=\"async\" src=\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/b378f213-71fb-4a2a-b774-3d588a25f123.jpeg\" alt=\"\u0645\u0633\u0627\u0631 \u0645\u0648\u0644 \u0641\u064a \u062c\u062f\u0629\">\r\n <div class=\"mall-city\">\u062c\u062f\u0629<\/div>\r\n <\/div>\r\n <div class=\"mall-body\">\r\n <h3>\u0645\u0633\u0627\u0631 \u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0623\u062d\u0645\u0631<\/h3>\r\n <p>\u0645\u0633\u0627\u0631 \u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0644\u0644\u0645\u0634\u0627\u0629\u060c \u0648\u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0628\u0639\u0631\u0628\u0627\u062a \u0627\u0644\u0623\u0637\u0641\u0627\u0644\u060c \u0648\u0627\u0644\u0639\u062f\u0651\u0627\u0626\u064a\u0646 \u0627\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646.<\/p>\r\n <div class=\"distances\"><span>\u0645\u0634\u064a 2 \u0643\u0645<\/span><span>\u0627\u062c\u062a\u0645\u0627\u0639\u064a 4 \u0643\u0645<\/span><span>\u062c\u0631\u064a 8 \u0643\u0645<\/span><\/div>\r\n <div class=\"mall-meta\"><span>\u064a\u0648\u0645\u064a\u064b\u0627 6:30 \u0635\u0628\u0627\u062d\u064b\u0627<\/span><span>\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0645\u0641\u062a\u0648\u062d\u0629<\/span><\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"mall-card\" data-city=\"khobar\">\r\n <div class=\"mall-img\">\r\n <img decoding=\"async\" src=\"https:\/\/pangaeaclub.net\/wp-content\/uploads\/2026\/08\/81dd0687-2aec-4df6-92be-97d06c1fc5d1.jpeg\" alt=\"\u0645\u0633\u0627\u0631 \u0645\u0648\u0644 \u0641\u064a \u0627\u0644\u062e\u0628\u0631\">\r\n <div class=\"mall-city\">\u0627\u0644\u062e\u0628\u0631<\/div>\r\n <\/div>\r\n <div class=\"mall-body\">\r\n <h3>\u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0634\u0631\u0642\u064a<\/h3>\r\n <p>\u0645\u0633\u0627\u0631 \u0645\u062f\u0645\u062c \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\u060c \u0648\u0633\u0628\u0627\u0642\u0627\u062a \u0627\u0644\u062a\u062a\u0627\u0628\u0639 \u0644\u0644\u0641\u0631\u0642\u060c \u0648\u0628\u062f\u0627\u064a\u0627\u062a \u0646\u0647\u0627\u064a\u0629 \u0623\u0633\u0628\u0648\u0639 \u0645\u0644\u064a\u0627\u0646\u0629 \u062d\u0645\u0627\u0633.<\/p>\r\n <div class=\"distances\"><span>\u0645\u0634\u064a 1.5 \u0643\u0645<\/span><span>\u062c\u0631\u064a 3 \u0643\u0645<\/span><span>\u062a\u062a\u0627\u0628\u0639 6 \u0643\u0645<\/span><\/div>\r\n <div class=\"mall-meta\"><span>\u0627\u0644\u062c\u0645\u0639\u0629 \u0648\u0627\u0644\u0633\u0628\u062a<\/span><span>\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0641\u0631\u0642<\/span><\/div>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"experience\">\r\n <div class=\"wrap experience-grid\">\r\n <div>\r\n <div class=\"eyebrow\">\u0625\u064a\u0642\u0627\u0639 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629<\/div>\r\n <h2>\u0635\u0628\u0627\u062d \u0645\u0635\u0646\u0648\u0639 \u0644\u0644\u062d\u0631\u0643\u0629.<\/h2>\r\n <p class=\"section-copy\">\u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0645\u0635\u0645\u0645\u0629 \u0643\u0623\u0646\u0647\u0627 \u0625\u062d\u0645\u0627\u0621 \u0644\u0644\u0645\u062f\u064a\u0646\u0629: \u0648\u0635\u0648\u0644 \u0633\u0647\u0644\u060c \u0648\u0645\u0633\u0627\u0631 \u0645\u0646\u0638\u0645\u060c \u0648\u0646\u0642\u0627\u0637 \u0645\u0648\u0633\u064a\u0642\u0649\u060c \u0648\u0645\u062d\u0637\u0627\u062a \u0645\u064a\u0627\u0647\u060c \u0648\u0635\u0648\u0631 \u0639\u0646\u062f \u062e\u0637 \u0627\u0644\u0646\u0647\u0627\u064a\u0629\u060c \u0648\u0644\u062d\u0638\u0629 \u062a\u062c\u0645\u0639 \u0644\u0645\u062c\u062a\u0645\u0639 \u0628\u0627\u0646\u062c\u064a\u0627 \u0642\u0628\u0644 \u0627\u0641\u062a\u062a\u0627\u062d \u0627\u0644\u0645\u0648\u0644.<\/p>\r\n <\/div>\r\n <div class=\"timeline\">\r\n <div class=\"time-row\"><strong>05:45<\/strong><span>\u064a\u0641\u062a\u062d \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0648\u062a\u0628\u062f\u0623 \u0645\u0648\u0633\u064a\u0642\u0649 \u0627\u0644\u0625\u062d\u0645\u0627\u0621<\/span><\/div>\r\n <div class=\"time-row\"><strong>06:10<\/strong><span>\u062a\u0628\u062f\u0623 \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0645\u0634\u064a \u0627\u0644\u0639\u0627\u0626\u0644\u064a<\/span><\/div>\r\n <div class=\"time-row\"><strong>06:35<\/strong><span>\u062a\u0646\u0637\u0644\u0642 \u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u062c\u0631\u064a \u0644\u0645\u0633\u0627\u0641\u062a\u064a 5 \u064810 \u0643\u0645<\/span><\/div>\r\n <div class=\"time-row\"><strong>07:30<\/strong><span>\u0627\u062d\u062a\u0641\u0627\u0644 \u062e\u0637 \u0627\u0644\u0646\u0647\u0627\u064a\u0629 \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0643\u0627\u0641\u0622\u062a<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"race-day\" id=\"calendar\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <div>\r\n <div class=\"eyebrow\">\u062c\u062f\u0648\u0644 \u0627\u0644\u0633\u0628\u0627\u0642\u0627\u062a<\/div>\r\n <h2>\u0646\u0638\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0627\u0646\u0637\u0644\u0627\u0642\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/h2>\r\n <\/div>\r\n <p class=\"section-copy\">\u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e \u0623\u062f\u0646\u0627\u0647 \u0645\u0624\u0642\u062a\u0629 \u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u062d\u0645\u0644\u0629\u060c \u0648\u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u0628\u062f\u0627\u0644\u0647\u0627 \u0628\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u0648\u0644\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u0645\u0624\u0643\u062f \u0639\u0646\u062f \u0627\u0639\u062a\u0645\u0627\u062f\u0647.<\/p>\r\n <\/div>\r\n <div class=\"race-panel\">\r\n <div class=\"calendar\">\r\n <div class=\"calendar-row\">\r\n <div class=\"date-pill\"><span>\u0627\u0644\u062c\u0645\u0639\u0629<\/span>18 \u0633\u0628\u062a\u0645\u0628\u0631<\/div>\r\n <div>\r\n <h3>\u0633\u0628\u0627\u0642 \u0627\u0644\u0627\u0641\u062a\u062a\u0627\u062d \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636<\/h3>\r\n <p>\u0645\u0634\u064a 2 \u0643\u0645, \u062c\u0631\u064a 5 \u0643\u0645, \u062a\u062d\u062f\u064a 10 \u0643\u0645<\/p>\r\n <\/div>\r\n <div class=\"status\">\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0642\u0631\u064a\u0628\u064b\u0627<\/div>\r\n <\/div>\r\n <div class=\"calendar-row\">\r\n <div class=\"date-pill\"><span>\u0627\u0644\u062c\u0645\u0639\u0629<\/span>25 \u0633\u0628\u062a\u0645\u0628\u0631<\/div>\r\n <div>\r\n <h3>\u0627\u0646\u0637\u0644\u0627\u0642\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0641\u064a \u062c\u062f\u0629<\/h3>\r\n <p>\u0645\u0633\u0627\u0631\u0627\u062a \u0644\u0644\u0645\u0634\u064a \u0627\u0644\u0639\u0627\u0626\u0644\u064a \u0648\u0627\u0644\u062c\u0631\u064a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/p>\r\n <\/div>\r\n <div class=\"status\">\u0642\u0631\u064a\u0628\u064b\u0627<\/div>\r\n <\/div>\r\n <div class=\"calendar-row\">\r\n <div class=\"date-pill\"><span>\u0627\u0644\u0633\u0628\u062a<\/span>03 \u0623\u0643\u062a\u0648\u0628\u0631<\/div>\r\n <div>\r\n <h3>\u0633\u0628\u0627\u0642 \u062a\u062a\u0627\u0628\u0639 \u0627\u0644\u0641\u0631\u0642 \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0631\u0642\u064a\u0629<\/h3>\r\n <p>\u062a\u062a\u0627\u0628\u0639 \u0639\u0644\u0649 \u0645\u0633\u0627\u0631 \u0642\u0635\u064a\u0631 \u0648\u062c\u0631\u064a \u0645\u0641\u062a\u0648\u062d<\/p>\r\n <\/div>\r\n <div class=\"status\">\u0642\u0631\u064a\u0628\u064b\u0627<\/div>\r\n <\/div>\r\n <\/div>\r\n <aside class=\"signup-box\" id=\"register\">\r\n <h3>\u062e\u0644\u0651\u0646\u0627 \u0646\u0628\u0644\u063a\u0643 \u0623\u0648\u0644 \u0645\u0627 \u064a\u0641\u062a\u062d \u0627\u0644\u062a\u0633\u062c\u064a\u0644.<\/h3>\r\n <p>\u0623\u062f\u062e\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0648\u0627\u062e\u062a\u0631 \u0645\u062f\u064a\u0646\u062a\u0643 \u0627\u0644\u0645\u0641\u0636\u0644\u0629. \u0647\u0630\u0627 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u062a\u062c\u0631\u064a\u0628\u064a \u0644\u0639\u0631\u0636 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0641\u0642\u0637.<\/p>\r\n <form class=\"mini-form\" id=\"interestForm\">\r\n <input type=\"text\" name=\"name\" placeholder=\"\u0627\u0633\u0645\u0643\" required>\r\n <input type=\"email\" name=\"email\" placeholder=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required>\r\n <select name=\"city\" required>\r\n <option value=\"\">\u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0641\u0636\u0644\u0629<\/option>\r\n <option>\u0627\u0644\u0631\u064a\u0627\u0636<\/option>\r\n <option>\u062c\u062f\u0629<\/option>\r\n <option>\u0627\u0644\u062e\u0628\u0631<\/option>\r\n <option>\u0645\u062f\u064a\u0646\u0629 \u0633\u0639\u0648\u062f\u064a\u0629 \u0623\u062e\u0631\u0649<\/option>\r\n <\/select>\r\n <button type=\"submit\">\u0633\u062c\u0651\u0644 \u0627\u0647\u062a\u0645\u0627\u0645\u0643<\/button>\r\n <div class=\"form-note\" id=\"formNote\" role=\"status\"><\/div>\r\n <\/form>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"partners\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <div>\r\n <div class=\"eyebrow\">\u0646\u0628\u0646\u064a\u0647\u0627 \u0645\u0639 \u0627\u0644\u0645\u062f\u064a\u0646\u0629<\/div>\r\n <h2>\u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a<\/h2>\r\n <\/div>\r\n <p class=\"section-copy\">\u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0645\u062e\u0635\u0635 \u0644\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0645\u0648\u0644\u0627\u062a\u060c \u0648\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0627\u0644\u0644\u064a\u0627\u0642\u0629\u060c \u0648\u0627\u0644\u0645\u062c\u0627\u0644\u0633 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629\u060c \u0648\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u062a\u0631\u0637\u064a\u0628\u060c \u0648\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\u060c \u0648\u0631\u0639\u0627\u0629 \u0628\u0627\u0646\u062c\u064a\u0627.<\/p>\r\n <\/div>\r\n <div class=\"partner-grid\">\r\n <div class=\"partner\">\u0634\u0631\u064a\u0643 \u0627\u0644\u0645\u0648\u0644<\/div>\r\n <div class=\"partner\">\u0634\u0631\u064a\u0643 \u0627\u0644\u0644\u064a\u0627\u0642\u0629<\/div>\r\n <div class=\"partner\">\u0634\u0631\u064a\u0643 \u0627\u0644\u062a\u0631\u0637\u064a\u0628<\/div>\r\n <div class=\"partner\">\u0634\u0631\u064a\u0643 \u0635\u062d\u064a<\/div>\r\n <div class=\"partner\">\u0634\u0631\u064a\u0643 \u0625\u0639\u0644\u0627\u0645\u064a<\/div>\r\n <div class=\"partner\">\u0645\u0643\u0627\u0641\u0622\u062a \u0628\u0627\u0646\u062c\u064a\u0627<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"faq\" id=\"faq\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <div>\r\n <div class=\"eyebrow\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629<\/div>\r\n <h2>\u0642\u0628\u0644 \u0645\u0627 \u062a\u0631\u0628\u0637 \u062d\u0630\u0627\u0621\u0643<\/h2>\r\n <\/div>\r\n <p class=\"section-copy\">\u0625\u062c\u0627\u0628\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646\u060c \u0648\u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a\u060c \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u0621.<\/p>\r\n <\/div>\r\n <div class=\"faq-list\">\r\n <div class=\"faq-item is-open\">\r\n <button class=\"faq-question\" type=\"button\"><span>\u0647\u0644 \u0644\u0627\u0632\u0645 \u0623\u0643\u0648\u0646 \u0639\u062f\u0651\u0627\u0621\u061f<\/span><span>+<\/span><\/button>\r\n <div class=\"faq-answer\"><p>\u0644\u0627. \u0645\u0648\u0644\u0627\u062b\u0648\u0646 \u0645\u0635\u0645\u0645 \u0644\u0644\u0645\u0634\u0627\u0629\u060c \u0648\u0627\u0644\u0644\u064a \u064a\u062c\u0631\u0628\u0648\u0646 \u0627\u0644\u062c\u0631\u064a \u0644\u0623\u0648\u0644 \u0645\u0631\u0629\u060c \u0648\u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a\u060c \u0648\u0627\u0644\u0639\u062f\u0651\u0627\u0626\u064a\u0646 \u0630\u0648\u064a \u0627\u0644\u062e\u0628\u0631\u0629. \u0623\u0646\u062a \u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u0633\u0631\u0639\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0643.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\"><span>\u0647\u0644 \u0627\u0644\u062c\u0644\u0633\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u062a\u062e\u062a\u0644\u0641 \u0639\u0646 \u0623\u064a\u0627\u0645 \u0627\u0644\u0633\u0628\u0627\u0642\u061f<\/span><span>+<\/span><\/button>\r\n <div class=\"faq-answer\"><p>\u0646\u0639\u0645. \u0627\u0644\u062c\u0644\u0633\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0639\u0628\u0627\u0631\u0629 \u0639\u0646 \u0646\u0634\u0627\u0637\u0627\u062a \u0645\u062c\u062a\u0645\u0639\u064a\u0629 \u0628\u0633\u064a\u0637\u0629 \u0644\u0644\u062d\u0631\u0643\u0629\u060c \u0628\u064a\u0646\u0645\u0627 \u0623\u064a\u0627\u0645 \u0627\u0644\u0633\u0628\u0627\u0642 \u062a\u0634\u0645\u0644 \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0645\u062a\u0633\u0627\u0628\u0642\u064a\u0646\u060c \u0648\u062a\u0648\u0642\u064a\u062a \u0627\u0644\u0645\u0633\u0627\u0631\u060c \u0648\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0627\u0646\u0637\u0644\u0627\u0642\u060c \u0648\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062f\u0639\u0645\u060c \u0648\u0644\u062d\u0638\u0627\u062a \u062e\u0637 \u0627\u0644\u0646\u0647\u0627\u064a\u0629.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\"><span>\u0647\u0644 \u062a\u0642\u062f\u0631 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0623\u0648 \u0627\u0644\u0645\u0648\u0644\u0627\u062a \u062a\u062f\u062e\u0644 \u0641\u064a \u0634\u0631\u0627\u0643\u0629 \u0645\u0639 \u0628\u0627\u0646\u062c\u064a\u0627\u061f<\/span><span>+<\/span><\/button>\r\n <div class=\"faq-answer\"><p>\u0646\u0639\u0645. \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 \u062a\u062f\u0639\u0645 \u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0639 \u0627\u0644\u0645\u0648\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0636\u064a\u0641\u0629\u060c \u0648\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a\u0629\u060c \u0648\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u0629 \u0648\u0627\u0644\u0639\u0627\u0641\u064a\u0629\u060c \u0648\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u062a\u0631\u0637\u064a\u0628\u060c \u0648\u0627\u0644\u062a\u0641\u0639\u064a\u0644\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0645\u0643\u0627\u0641\u0622\u062a.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"final-cta\">\r\n <div class=\"wrap\">\r\n <h2>\u0645\u0648\u0644\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0628\u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0645\u0633\u0627\u0631\u0627\u062a \u0635\u0628\u0627\u062d\u064a\u0629.<\/h2>\r\n <p>\u062c\u064a\u0628 \u0623\u0635\u062d\u0627\u0628\u0643\u060c \u0648\u0639\u0627\u0626\u0644\u062a\u0643\u060c \u0648\u0641\u0631\u064a\u0642 \u0627\u0644\u062c\u0631\u064a\u060c \u0623\u0648 \u062d\u062a\u0649 \u0623\u0648\u0644 \u062d\u0630\u0627\u0621 \u0645\u0634\u064a \u0644\u0643. \u0628\u0627\u0646\u062c\u064a\u0627 \u0645\u0648\u0644\u0627\u062b\u0648\u0646 \u064a\u0628\u062f\u0623 \u0628\u0644\u0641\u0629 \u0648\u0627\u062d\u062f\u0629.<\/p>\r\n <a class=\"btn btn-primary\" href=\"#register\">\u0627\u0646\u0636\u0645 \u0644\u0644\u0627\u0646\u0637\u0644\u0627\u0642\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"footer\">\r\n <div class=\"wrap\">\r\n <span>© 2026 \u0628\u0627\u0646\u062c\u064a\u0627 \u0645\u0648\u0644\u0627\u062b\u0648\u0646. \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/span>\r\n <span>\u0645\u0641\u0647\u0648\u0645 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u0634\u064a \u0645\u0646 \u0628\u0627\u0646\u062c\u064a\u0627.<\/span>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n const counters = document.querySelectorAll('[data-count]');\r\n const filters = document.querySelectorAll('.filter');\r\n const cards = document.querySelectorAll('.mall-card');\r\n const form = document.getElementById('interestForm');\r\n const note = document.getElementById('formNote');\r\n const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n const revealTargets = [\r\n ...document.querySelectorAll('.section-head'),\r\n ...document.querySelectorAll('.feature-photo'),\r\n ...document.querySelectorAll('.step'),\r\n ...document.querySelectorAll('.filters'),\r\n ...document.querySelectorAll('.mall-card'),\r\n ...document.querySelectorAll('.experience-grid > div'),\r\n ...document.querySelectorAll('.time-row'),\r\n ...document.querySelectorAll('.calendar-row'),\r\n ...document.querySelectorAll('.signup-box'),\r\n ...document.querySelectorAll('.partner'),\r\n ...document.querySelectorAll('.faq-item'),\r\n ...document.querySelectorAll('.final-cta h2, .final-cta p, .final-cta .btn')\r\n ];\r\n\r\n revealTargets.forEach((el, index) => {\r\n if (!el.dataset.animate) {\r\n el.dataset.animate = index % 3 === 0 ? 'slide-left' : index % 3 === 1 ? 'slide-right' : 'up';\r\n }\r\n el.style.setProperty('--delay', `${Math.min(index % 6, 5) * 70}ms`);\r\n });\r\n\r\n function animateCounter(el) {\r\n const target = Number(el.dataset.count);\r\n const start = performance.now();\r\n const duration = 900;\r\n function tick(now) {\r\n const progress = Math.min((now - start) \/ duration, 1);\r\n el.textContent = Math.round(target * (1 - Math.pow(1 - progress, 3)));\r\n if (progress < 1) requestAnimationFrame(tick);\r\n }\r\n requestAnimationFrame(tick);\r\n }\r\n\r\n const counterObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (!entry.isIntersecting || entry.target.dataset.done) return;\r\n entry.target.dataset.done = 'true';\r\n animateCounter(entry.target);\r\n });\r\n }, { threshold: .55 });\r\n\r\n counters.forEach(counter => counterObserver.observe(counter));\r\n\r\n if (!reduceMotion) {\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('is-visible');\r\n revealObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: .16, rootMargin: '0px 0px -40px 0px' });\r\n\r\n revealTargets.forEach(item => revealObserver.observe(item));\r\n\r\n let heroFrame = null;\r\n document.querySelector('.hero').addEventListener('pointermove', (event) => {\r\n if (window.innerWidth < 780) return;\r\n if (heroFrame) cancelAnimationFrame(heroFrame);\r\n heroFrame = requestAnimationFrame(() => {\r\n const x = (event.clientX \/ window.innerWidth - .5) * 18;\r\n const y = (event.clientY \/ window.innerHeight - .5) * 12;\r\n document.documentElement.style.setProperty('--hero-x', `${x}px`);\r\n document.documentElement.style.setProperty('--hero-y', `${y}px`);\r\n });\r\n });\r\n } else {\r\n revealTargets.forEach(item => item.classList.add('is-visible'));\r\n }\r\n\r\n filters.forEach(button => {\r\n button.addEventListener('click', () => {\r\n const city = button.dataset.filter;\r\n filters.forEach(item => item.classList.toggle('is-active', item === button));\r\n cards.forEach(card => {\r\n const show = city === 'all' || card.dataset.city === city;\r\n card.style.display = show ? '' : 'none';\r\n if (show && !reduceMotion) {\r\n card.animate(\r\n [\r\n { opacity: 0, transform: 'translateY(14px)' },\r\n { opacity: 1, transform: 'translateY(0)' }\r\n ],\r\n { duration: 320, easing: 'cubic-bezier(.2,.8,.2,1)' }\r\n );\r\n }\r\n });\r\n });\r\n });\r\n\r\n document.querySelectorAll('.faq-question').forEach(button => {\r\n button.addEventListener('click', () => {\r\n const item = button.closest('.faq-item');\r\n const isOpen = item.classList.contains('is-open');\r\n document.querySelectorAll('.faq-item').forEach(row => row.classList.remove('is-open'));\r\n if (!isOpen) item.classList.add('is-open');\r\n });\r\n });\r\n\r\n form.addEventListener('submit', (event) => {\r\n event.preventDefault();\r\n const data = new FormData(form);\r\n const name = String(data.get('name') || '').trim().split(' ')[0] || '';\r\n const city = data.get('city') || '\u0645\u062f\u064a\u0646\u062a\u0643';\r\n note.textContent = `\u0634\u0643\u0631\u064b\u0627 ${name}. \u0628\u0646\u0628\u0644\u063a\u0643 \u0623\u0648\u0644 \u0645\u0627 \u064a\u0641\u062a\u062d \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0641\u064a ${city}.`;\r\n form.reset();\r\n });\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u0627\u0646\u062c\u064a\u0627 \u0645\u0648\u0644\u0627\u062b\u0648\u0646 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0633\u0644\u0633\u0644\u0629 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u0634\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u062a\u062d\u0631\u0651\u0643 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0644. \u0648\u062e\u0644\u0643 \u062c\u0632\u0621 \u0645\u0646 \u0628\u062f\u0627\u064a\u0629 \u064a\u0648\u0645 \u0627\u0644\u0645\u062f\u064a\u0646\u0629. \u0628\u0627\u0646\u062c\u064a\u0627 \u0645\u0648\u0644\u0627\u062b\u0648\u0646 \u064a\u062c\u0645\u0639 \u0627\u0644\u062c\u0631\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a\u060c \u0648\u0627\u0644\u0645\u0634\u064a \u0627\u0644\u0639\u0627\u0626\u0644\u064a\u060c \u0648\u0623\u064a\u0627\u0645 \u0627\u0644\u0633\u0628\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0651\u062a\u0629 \u062f\u0627\u062e\u0644 \u0645\u0648\u0644\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0628\u062a\u062c\u0631\u0628\u0629 \u0635\u0628\u0627\u062d\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u062c\u0645\u064a\u0639 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0648\u062a\u0636\u064a\u0641 \u0644\u0645\u0633\u0629 \u062d\u0645\u0627\u0633 \u0648\u062a\u062d\u062f\u0651\u064a. \u0627\u0646\u0636\u0645 \u0644\u0644\u0627\u0646\u0637\u0644\u0627\u0642\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0643\u062a\u0634\u0641 \u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0648\u0644\u0627\u062a 0\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u0648\u0644\u0627\u062a \u0645\u0624\u0643\u062f\u0629 0\u0645\u0633\u0627\u0641\u0627\u062a \u0645\u0624\u0643\u062f\u0629 0\u0623\u064a\u0627\u0645…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-42990","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/pages\/42990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/comments?post=42990"}],"version-history":[{"count":4,"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/pages\/42990\/revisions"}],"predecessor-version":[{"id":42994,"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/pages\/42990\/revisions\/42994"}],"wp:attachment":[{"href":"https:\/\/pangaeaclub.net\/ar\/wp-json\/wp\/v2\/media?parent=42990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}