@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Cinzel:wght@500;600;700;800&display=swap');

:root{--bg:#07060a;--panel:#0e0b14;--panel2:#15101e;--text:#eeeaf4;--muted:#aaa2b3;--purple:#a23cff;--purple2:#6720a6;--violet:#d18cff;--line:rgba(191,121,255,.18);--silver:#d6d0dc;--danger:#ef5579;--header:82px;--shadow:0 22px 80px rgba(0,0,0,.5)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Cairo",sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.page-loader{position:fixed;inset:0;z-index:9999;background:#040305;display:grid;place-content:center;text-align:center;transition:opacity .6s,visibility .6s}.page-loader.hidden{opacity:0;visibility:hidden}.page-loader p{font:700 18px/1 Cinzel,serif;letter-spacing:.5em;margin:25px 0 0;color:#c998ff}.loader-eye,.mini-eye{width:70px;height:38px;border:2px solid #9d46e8;border-radius:70% 15%;transform:rotate(45deg);margin:auto;box-shadow:0 0 28px #8c2cde,inset 0 0 18px #501087;animation:pulse 1.7s infinite}.loader-eye:after,.mini-eye:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#e4b8ff;top:9px;left:25px;box-shadow:0 0 18px 7px #9d35f4}.mini-eye{width:46px;height:25px;position:relative}.mini-eye:after{width:10px;height:10px;left:16px;top:5px}
.site-header{height:var(--header);position:fixed;inset:0 0 auto;z-index:500;display:flex;align-items:center;padding:0 clamp(20px,4vw,70px);gap:clamp(24px,3vw,55px);background:linear-gradient(180deg,rgba(5,4,8,.97),rgba(8,6,11,.92));border-bottom:1px solid rgba(255,255,255,.06);transition:height .35s,background .35s,box-shadow .35s}.site-header.scrolled{height:68px;background:rgba(5,4,8,.97);box-shadow:0 12px 45px rgba(0,0,0,.45)}.nav-logo{width:90px;height:74px;display:grid;place-items:center;overflow:hidden;flex:none}.nav-logo img{width:100px;transform:scale(1.05);filter:drop-shadow(0 0 8px rgba(160,60,255,.35))}.main-nav{display:flex;align-items:center;height:100%;gap:clamp(19px,2.1vw,38px)}.main-nav a{height:100%;display:grid;place-items:center;position:relative;font-weight:800;font-size:13px;letter-spacing:.03em;color:#c9c3cf;transition:.25s}.main-nav a:after{content:"";position:absolute;bottom:-1px;width:0;height:2px;background:linear-gradient(90deg,transparent,var(--violet),transparent);box-shadow:0 0 10px var(--purple);transition:width .3s}.main-nav a:hover,.main-nav a.active{color:#fff;text-shadow:0 0 12px rgba(193,116,255,.6)}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:16px}.lang-switch{border:0;background:transparent;display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:800}.lang-orb{width:23px;height:23px;border-radius:50%;border:1px solid #6d527f;box-shadow:inset 0 0 10px #60258c,0 0 10px rgba(157,69,224,.35);position:relative}.lang-orb:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#b868f4}.menu-toggle{display:none;border:0;background:none;width:40px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:#ddd;margin:7px 0;transition:.3s}
.metal-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:0 28px;border:1px solid #8055a0;background:linear-gradient(180deg,#191120,#0c0910);font-weight:900;font-size:13px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);box-shadow:inset 0 0 0 2px rgba(255,255,255,.035);transition:transform .25s,box-shadow .25s,filter .25s}.metal-button:before{content:"";position:absolute;inset:3px;border:1px solid rgba(218,180,255,.18);clip-path:inherit}.metal-button:hover{transform:translateY(-3px);box-shadow:0 0 28px rgba(157,48,243,.35),inset 0 0 25px rgba(150,54,226,.17);filter:brightness(1.15)}.metal-button.primary{background:linear-gradient(135deg,#b656f0,#68229d 55%,#381052);border-color:#e6b6ff;color:#fff;text-shadow:0 1px 3px #38035a;box-shadow:0 0 24px rgba(139,43,215,.3)}.metal-button.ghost{background:rgba(9,6,13,.68);backdrop-filter:blur(9px)}.metal-button.large{min-width:210px;min-height:66px}.metal-button.small{min-height:45px;padding:0 22px}.account-button{border-color:#a964d2}
.route-page{display:none;animation:pageIn .7s both}.route-page.active{display:block}.hero{height:max(760px,100vh);position:relative;overflow:hidden;background:#080811}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,3,7,.82) 0%,rgba(4,3,7,.3) 43%,rgba(4,3,7,.05) 68%),linear-gradient(0deg,#07060a 0%,transparent 28%),url('hero-dragon.png');background-size:cover;background-position:center;transform:scale(1.035);animation:heroBreath 14s ease-in-out infinite alternate}.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 64% 42%,transparent 0 15%,rgba(4,1,8,.14) 42%,rgba(2,1,4,.6) 100%)}.hero-glow{position:absolute;width:650px;height:650px;border-radius:50%;right:18%;top:10%;background:radial-gradient(circle,rgba(155,38,250,.15),transparent 66%);filter:blur(16px);animation:pulse 5s infinite}.embers{position:absolute;inset:0;background-image:radial-gradient(circle,#c979ff 0 1px,transparent 2px),radial-gradient(circle,#8845ba 0 1px,transparent 2px);background-size:110px 130px,170px 190px;background-position:20px 30px,80px 20px;opacity:.33;animation:embers 13s linear infinite}.hero-content{position:absolute;z-index:2;top:50%;left:clamp(35px,8vw,145px);width:min(580px,calc(100% - 60px));transform:translateY(-45%);text-align:left}.hero-logo{width:min(370px,75vw);max-height:330px;object-fit:contain;object-position:left center;margin-left:-26px;margin-bottom:-40px;filter:drop-shadow(0 0 25px rgba(153,47,235,.38))}.version{font:700 13px Cinzel,serif;color:#bd8ddb;letter-spacing:.28em}.hero-kicker,.section-heading>span,.page-hero>span,.feature-copy>span{color:#c886f0;font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1{font:800 clamp(38px,4vw,69px)/1.1 Cinzel,"Cairo",serif;margin:8px 0 15px;text-shadow:0 4px 30px #000}.hero-copy{font-size:17px;line-height:1.9;color:#c2bac9;max-width:540px}.hero-cta{display:flex;gap:14px;margin-top:30px}.platforms{display:flex;gap:22px;margin-top:17px;color:#aaa1ae;font-size:12px;font-weight:700}.scroll-cue{position:absolute;z-index:3;bottom:24px;left:50%;width:32px;height:52px;border:1px solid #7f668d;border-radius:20px}.scroll-cue span{position:absolute;width:5px;height:5px;background:#cf8bff;border-radius:50%;top:9px;left:13px;animation:scrollCue 1.8s infinite}.home-content{position:relative;background:radial-gradient(circle at 50% 22%,#170d21 0,transparent 28%),#07060a}.status-strip{width:min(1220px,92%);margin:-28px auto 0;position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(14,10,20,.94);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.status-strip>div{padding:25px 32px;display:flex;flex-direction:column;position:relative}.status-strip>div:not(:last-child){border-inline-end:1px solid var(--line)}.status-strip small{color:#8e8594;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.status-strip strong{font:700 23px Cinzel,"Cairo",serif;margin-top:5px}.status-dot{position:absolute;inset-inline-end:25px;top:30px;width:8px;height:8px;border-radius:50%}.status-dot.online{background:#60e69e;box-shadow:0 0 12px #60e69e}.content-section{width:min(1220px,92%);margin:0 auto;padding:115px 0}.section-heading{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:38px}.section-heading>span{grid-column:1}.section-heading h2{font:700 clamp(29px,3vw,47px)/1.2 Cinzel,"Cairo",serif;margin:6px 0 0}.section-heading>a{grid-column:2;grid-row:1/3;color:#bb79e7;font-size:13px;font-weight:800;border-bottom:1px solid #6c3b88;padding-bottom:5px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{min-height:390px;background:#0d0a11;border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden;cursor:pointer;transition:.35s}.news-card:hover{transform:translateY(-8px);border-color:#734598;box-shadow:0 18px 50px rgba(0,0,0,.35)}.news-image{height:215px;background:linear-gradient(145deg,#241331,#090912);position:relative;overflow:hidden}.news-image:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle at 70% 30%,var(--card-color,#8733bd),transparent 35%),linear-gradient(135deg,transparent 35%,rgba(198,125,255,.2));transform:rotate(-7deg)}.news-image:after{content:"◈";position:absolute;right:30px;top:32px;font:80px Cinzel;color:rgba(235,202,255,.18);text-shadow:0 0 35px var(--card-color,#9b3bdf)}.news-content{padding:25px}.tag{display:inline-block;color:#c98eff;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}.news-card h3{font:700 20px/1.45 Cinzel,"Cairo";margin:0 0 12px}.news-card p{color:#928a98;font-size:13px;line-height:1.8}.news-meta{display:flex;justify-content:space-between;color:#706977;font-size:11px;margin-top:15px}.feature-banner{min-height:550px;position:relative;overflow:hidden;display:flex;align-items:center;padding:8vw;background:radial-gradient(circle at 72% 50%,rgba(115,34,170,.3),transparent 23%),linear-gradient(100deg,#08060b 35%,rgba(10,7,15,.55)),url('hero-dragon.png') center 35%/cover fixed;border-block:1px solid var(--line)}.feature-copy{position:relative;z-index:2;max-width:550px}.feature-copy h2{font:700 clamp(37px,4.5vw,67px)/1.12 Cinzel,"Cairo";margin:12px 0 18px}.feature-copy p{color:#b2a8b8;line-height:2}.text-link{color:#c783ef;font-weight:800;display:inline-block;margin-top:18px}.sigil{position:absolute;right:9%;width:360px;height:360px;border:1px solid rgba(184,112,231,.16);border-radius:50%;animation:spin 24s linear infinite}.sigil:before,.sigil:after{content:"";position:absolute;inset:28px;border:1px dashed rgba(184,112,231,.25);border-radius:50%}.sigil:after{inset:100px;box-shadow:0 0 50px #621596}.sigil span{position:absolute;inset:48%;background:#d29bff;box-shadow:0 0 55px 18px #7824b6}.shop-preview{padding-top:100px}.item-carousel,.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.item-card{background:linear-gradient(180deg,#17101f,#0b090e);border:1px solid rgba(187,116,231,.18);padding:24px;text-align:center;transition:.3s;position:relative;overflow:hidden}.item-card:hover{transform:translateY(-7px);border-color:#8e4cb8}.item-icon{height:150px;display:grid;place-items:center;font-size:70px;color:#d89fff;text-shadow:0 0 28px #8c2acf;background:radial-gradient(circle,rgba(128,42,182,.23),transparent 60%)}.item-card h3{font:700 15px Cinzel,"Cairo";min-height:40px}.price{color:#c882f5;font-weight:900}.buy-item{width:100%;margin-top:16px}.discord-section{padding:120px 20px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(102,25,155,.3),transparent 28%),#08060b}.discord-section h2{font:700 clamp(33px,4vw,58px) Cinzel,"Cairo";margin:18px 0 12px}.discord-section p{color:#aaa1b0;margin-bottom:30px}.discord-icon{font-size:52px;color:#d3a2f2;text-shadow:0 0 25px #8c2fca}.discord-rings{position:absolute;left:50%;top:50%;width:700px;height:700px;transform:translate(-50%,-50%);border:1px solid rgba(183,102,235,.09);border-radius:50%;pointer-events:none}.discord-rings:after,.discord-rings:before{content:"";position:absolute;inset:80px;border:1px dashed rgba(183,102,235,.11);border-radius:50%}.discord-rings:after{inset:180px}
.inner-page{min-height:100vh;padding-top:var(--header);background:radial-gradient(circle at 50% 0,#1d1029,transparent 25%),#08070a}.page-hero{min-height:300px;display:grid;place-content:center;text-align:center;background:linear-gradient(0deg,#08070a,rgba(8,7,10,.34)),url('hero-dragon.png') center 28%/cover}.page-hero h1{font:800 clamp(42px,6vw,78px) Cinzel,"Cairo";margin:7px 0}.page-shell{width:min(1180px,92%);margin:auto;padding:75px 0 120px}.filter-row,.ranking-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}.filter-row button,.ranking-tabs button{border:1px solid #3d3047;background:#0d0a11;padding:12px 22px;cursor:pointer;font-weight:800;color:#9f96a5;transition:.25s}.filter-row button:hover,.filter-row button.active,.ranking-tabs button:hover,.ranking-tabs button.active{border-color:#aa5fd5;color:white;background:#25132f;box-shadow:inset 0 -2px #a144d1}.news-grid.full{grid-template-columns:repeat(3,1fr)}.ranking-intro h2{font:700 35px Cinzel,"Cairo";margin-bottom:5px}.ranking-intro p{color:var(--muted);margin-bottom:30px}.table-wrap{overflow:auto;border:1px solid var(--line);background:#0b090e}.table-wrap table{border-collapse:collapse;width:100%;min-width:700px}.table-wrap th{padding:18px 22px;text-align:start;background:#171020;color:#ad7bc8;font-size:12px;text-transform:uppercase}.table-wrap td{padding:19px 22px;border-top:1px solid rgba(255,255,255,.055);font-size:14px}.table-wrap tr:hover td{background:rgba(137,54,187,.08)}.rank-number{font:700 20px Cinzel;color:#c686e9}.online-text{color:#68e4a0}.offline-text{color:#746d78}.download-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px}.download-card,.requirements,.account-card,.support-form,.faq{background:linear-gradient(145deg,#15101b,#0c0a0f);border:1px solid var(--line);padding:45px;box-shadow:var(--shadow)}.download-card.featured{border-color:#70418b}.download-icon{font-size:70px;color:#c879f0}.download-card h2,.requirements h2,.account-card h2,.support-form h2,.faq h2{font:700 29px Cinzel,"Cairo"}.download-card p,.download-card li,.notice{color:#a39aa9;line-height:1.9}.download-card ul{padding-inline-start:20px;margin:25px 0}.req-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.req-grid article{padding:22px;border:1px solid rgba(255,255,255,.07);background:#0a080c}.req-grid h3{color:#c17ae9}.req-grid p{color:#948c99;line-height:1.9}.notice{border-inline-start:3px solid #9a4fc5;padding:14px 18px;margin-top:25px;background:#140d19}.wallet{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:#120d17;border:1px solid var(--line);margin-bottom:30px}.wallet small{display:block;color:#8e8493}.wallet strong{font:700 25px Cinzel;color:#d69dff}.shop-grid{grid-template-columns:repeat(4,1fr)}.help-layout,.account-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.faq-item{border-top:1px solid rgba(255,255,255,.08)}.faq-question{width:100%;border:0;background:none;padding:20px 0;display:flex;justify-content:space-between;text-align:start;cursor:pointer;font-weight:800}.faq-answer{max-height:0;overflow:hidden;color:#9b929f;line-height:1.9;transition:max-height .35s}.faq-item.open .faq-answer{max-height:160px;padding-bottom:20px}.faq-question span:last-child{color:#bd78e2}.support-form,.account-card{display:flex;flex-direction:column;gap:18px}.support-form label,.account-card label{display:flex;flex-direction:column;gap:7px;color:#a69ca9;font-size:13px}.support-form input,.support-form textarea,.account-card input{border:1px solid #3a2c41;background:#08070a;color:#fff;padding:14px;outline:0;transition:.25s}.support-form input:focus,.support-form textarea:focus,.account-card input:focus{border-color:#a250cf;box-shadow:0 0 0 3px rgba(155,67,204,.1)}.account-layout{max-width:920px}.account-card>a{text-align:center;color:#ad6fd2;font-size:13px}.account-card.register{background:#0d0a10}.check{flex-direction:row!important;align-items:center}.check input{width:18px;height:18px}.site-footer{min-height:180px;border-top:1px solid rgba(255,255,255,.06);background:#050406;display:flex;align-items:center;padding:35px 6%;gap:30px;color:#77707c;font-size:12px}.site-footer img{width:95px}.site-footer div{margin-inline-start:auto;display:flex;gap:24px}.site-footer a:hover{color:#bf7ce6}.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.3s}.modal.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(2,1,3,.86);backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(500px,90%);padding:45px;background:#100c14;border:1px solid #78479a;text-align:center;box-shadow:0 0 80px rgba(106,30,158,.3)}.trailer-panel{width:min(1000px,90%);padding:0}.modal-close{position:absolute;right:12px;top:8px;z-index:3;border:0;background:none;font-size:32px;cursor:pointer}.video-placeholder{aspect-ratio:16/9;background:radial-gradient(circle,#31123f,#070609);display:grid;place-content:center}.video-placeholder span{font-size:75px;color:#b65fe9;text-shadow:0 0 30px #9c35d9}.toast{position:fixed;z-index:1100;bottom:25px;left:50%;transform:translate(-50%,30px);background:#1d1125;border:1px solid #a55ed0;padding:14px 25px;opacity:0;visibility:hidden;transition:.3s;box-shadow:var(--shadow)}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .85s,transform .85s}.reveal.visible{opacity:1;transform:none}
html[dir="rtl"] .hero-content{text-align:right;left:auto;right:clamp(35px,8vw,145px)}html[dir="rtl"] .hero-logo{object-position:right center;margin-left:0;margin-right:-26px}html[dir="rtl"] .hero-bg{background-image:linear-gradient(270deg,rgba(4,3,7,.82) 0%,rgba(4,3,7,.3) 43%,rgba(4,3,7,.05) 68%),linear-gradient(0deg,#07060a 0%,transparent 28%),url('hero-dragon.png')}html[dir="rtl"] .modal-close{right:auto;left:12px}
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.6;transform:scale(1.04) rotate(45deg)}}@keyframes heroBreath{to{transform:scale(1.075) translate3d(-.5%,-.5%,0)}}@keyframes embers{to{background-position:120px -200px,0 -270px}}@keyframes scrollCue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(24px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:1000px){:root{--header:70px}.menu-toggle{display:block;order:3}.main-nav{position:fixed;inset:var(--header) 0 auto;background:rgba(5,4,8,.98);height:auto;display:flex;flex-direction:column;gap:0;padding:12px 0;transform:translateY(-120%);opacity:0;visibility:hidden;transition:.35s}.main-nav.open{transform:none;opacity:1;visibility:visible}.main-nav a{height:auto;width:100%;padding:15px}.nav-logo{width:75px}.account-button{display:none}.news-grid,.news-grid.full{grid-template-columns:repeat(2,1fr)}.item-carousel,.shop-grid{grid-template-columns:repeat(2,1fr)}.download-layout,.help-layout{grid-template-columns:1fr}.sigil{opacity:.25}.feature-banner{background-attachment:scroll}.hero-content{top:52%}.status-strip{grid-template-columns:repeat(2,1fr)}.status-strip>div:nth-child(2){border-inline-end:0}.status-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:650px){.site-header{padding:0 16px}.header-actions{gap:5px}.lang-switch{font-size:12px}.hero{height:830px}.hero-bg{background-position:62% center}.hero-content,html[dir="rtl"] .hero-content{left:22px;right:22px;width:auto;top:51%;text-align:center}.hero-logo,html[dir="rtl"] .hero-logo{margin:0 auto -25px;width:285px;object-position:center}.hero h1{font-size:38px}.hero-copy{font-size:14px}.hero-cta{flex-direction:column}.metal-button.large{min-height:57px}.platforms{justify-content:center;flex-wrap:wrap}.status-strip{width:92%;grid-template-columns:1fr 1fr}.status-strip>div{padding:18px 16px}.status-strip strong{font-size:17px}.content-section{padding:75px 0}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:15px}.news-grid,.news-grid.full,.item-carousel,.shop-grid{grid-template-columns:1fr}.feature-banner{min-height:580px;padding:70px 7%}.feature-copy{text-align:center}.sigil{right:-35%;width:300px;height:300px}.discord-section{padding:90px 18px}.download-card,.requirements,.account-card,.support-form,.faq{padding:28px 22px}.req-grid,.account-layout{grid-template-columns:1fr}.page-shell{padding-top:45px}.page-hero{min-height:240px}.site-footer{flex-direction:column;text-align:center}.site-footer div{margin:0;flex-wrap:wrap;justify-content:center}.modal-panel{padding:35px 22px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-bg{transform:none!important}.reveal{opacity:1;transform:none}}

/* Cinematic animated dragon and transparent-looking video logo */
.logo-video{display:block;background:transparent;mix-blend-mode:screen;object-fit:contain;filter:contrast(1.12) brightness(1.08) drop-shadow(0 0 12px rgba(166,61,255,.42))}
.nav-logo-video{width:108px;height:78px}.hero-logo-video{height:315px}.footer-logo-video{width:105px;height:105px;flex:none}
.hero{--move-x:0px;--move-y:0px}.hero-bg{z-index:0;will-change:transform;animation:heroBreathAlive 8s ease-in-out infinite alternate}.dragon-motion-layer{position:absolute;inset:-1%;z-index:1;pointer-events:none;background:url('hero-dragon.png') center/cover no-repeat;opacity:.3;transform-origin:69% 38%;filter:saturate(1.18) contrast(1.05);-webkit-mask-image:radial-gradient(ellipse 31% 40% at 69% 38%,#000 25%,rgba(0,0,0,.7) 49%,transparent 76%);mask-image:radial-gradient(ellipse 31% 40% at 69% 38%,#000 25%,rgba(0,0,0,.7) 49%,transparent 76%);animation:dragonHeadAlive 5.2s ease-in-out infinite alternate;will-change:transform}.dragon-eye-glow{position:absolute;z-index:2;pointer-events:none;left:69%;top:34.5%;width:35px;height:20px;border-radius:50%;background:radial-gradient(ellipse,#fff 0 7%,#f4d1ff 12%,#b62cff 35%,rgba(128,0,255,.22) 64%,transparent 76%);mix-blend-mode:screen;box-shadow:0 0 14px 4px #c850ff,0 0 42px 16px rgba(134,21,255,.6);animation:dragonEyeAlive 2.8s ease-in-out infinite}.violet-breath{position:absolute;z-index:2;pointer-events:none;left:71.5%;top:42%;width:32%;height:38%;transform:rotate(27deg);transform-origin:0 0;mix-blend-mode:screen;filter:blur(3px);opacity:.56;animation:breathSurge 2.2s ease-in-out infinite}.violet-breath:before{content:"";position:absolute;inset:2% 0 28%;border-radius:80% 12% 70% 20%;background:linear-gradient(90deg,rgba(255,255,255,.68),rgba(219,133,255,.72) 20%,rgba(150,43,255,.48) 52%,transparent 92%);filter:blur(8px);clip-path:polygon(0 39%,100% 0,88% 75%,0 58%)}.violet-breath i{position:absolute;width:8px;height:8px;border-radius:50%;background:#f5deff;box-shadow:0 0 15px 5px #a52bff;animation:fireSpark 2.15s linear infinite}.violet-breath i:nth-child(1){left:28%;top:32%}.violet-breath i:nth-child(2){left:55%;top:16%;animation-delay:-.75s}.violet-breath i:nth-child(3){left:72%;top:48%;animation-delay:-1.45s}.hero-glow{z-index:1;animation:dragonAura 4.8s ease-in-out infinite}.embers{z-index:2;pointer-events:none}.hero-content{z-index:3}
@keyframes heroBreathAlive{0%{transform:scale(1.045) translate3d(var(--move-x),var(--move-y),0)}100%{transform:scale(1.087) translate3d(var(--move-x),var(--move-y),0)}}
@keyframes dragonHeadAlive{0%{transform:translate3d(-2px,2px,0) scale(1.012) rotate(-.18deg)}50%{transform:translate3d(0,5px,0) scale(1.024) rotate(.12deg)}100%{transform:translate3d(4px,-3px,0) scale(1.038) rotate(.42deg)}}
@keyframes dragonEyeAlive{0%,100%{opacity:.66;transform:scale(.86)}44%{opacity:1;transform:scale(1.2)}51%{opacity:.22;transform:scaleY(.12)}58%{opacity:1;transform:scale(1.1)}}
@keyframes breathSurge{0%,100%{opacity:.3;filter:blur(5px);transform:rotate(27deg) scaleX(.93)}50%{opacity:.76;filter:blur(2px);transform:rotate(27deg) scaleX(1.08)}}
@keyframes fireSpark{0%{opacity:0;transform:translate(0,25px) scale(.2)}35%{opacity:1}100%{opacity:0;transform:translate(105px,-80px) scale(1.8)}}
@keyframes dragonAura{0%,100%{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}
@media (max-width:650px){.nav-logo-video{width:92px;height:68px}.hero-logo-video{height:270px}.dragon-motion-layer{background-position:62% center;opacity:.22}.dragon-eye-glow,.violet-breath{display:none}}
@media (prefers-reduced-motion:reduce){.dragon-motion-layer,.dragon-eye-glow,.violet-breath{animation:none!important}.hero-bg{animation:none!important;transform:none!important}.logo-video{animation-play-state:paused}}

/* Single-source dragon motion: no duplicated image layers and no mouse blur */
.dragon-motion-layer,.dragon-eye-glow{display:none!important}.hero-bg{transform-origin:47% 66%;backface-visibility:hidden;image-rendering:auto;animation:dragonHeadAndBreath 5.8s cubic-bezier(.45,.05,.28,1) infinite!important}.violet-breath{filter:blur(1.5px);animation:violetExhale 5.8s cubic-bezier(.4,0,.25,1) infinite!important}.violet-breath i{animation-duration:1.65s}
@keyframes dragonHeadAndBreath{0%,18%,100%{transform:translate3d(0,0,0) scale(1.052) rotate(0)}30%{transform:translate3d(-.28%,-.08%,0) scale(1.058) rotate(-.08deg)}39%{transform:translate3d(-.5%,-.22%,0) scale(1.066) rotate(-.16deg)}48%{transform:translate3d(.2%,.24%,0) scale(1.078) rotate(.13deg)}62%{transform:translate3d(.08%,.13%,0) scale(1.072) rotate(.07deg)}82%{transform:translate3d(-.08%,.03%,0) scale(1.06) rotate(-.03deg)}}
@keyframes violetExhale{0%,24%,100%{opacity:.12;transform:rotate(27deg) scaleX(.82) scaleY(.92)}34%{opacity:.25;transform:rotate(27deg) scaleX(.9) scaleY(.96)}45%{opacity:.9;transform:rotate(27deg) scaleX(1.12) scaleY(1.04)}58%{opacity:.72;transform:rotate(27deg) scaleX(1.06) scaleY(1)}76%{opacity:.34;transform:rotate(27deg) scaleX(.96) scaleY(.97)}}
@media (prefers-reduced-motion:reduce){.hero-bg{animation:none!important;transform:scale(1.052)!important}.violet-breath{animation:none!important;opacity:.35}}

/* Final hero uses one H.264 animation source, preserving sharpness. */
.hero-dragon-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#080811;backface-visibility:hidden}.hero>.hero-bg{z-index:1;transform:none!important;animation:none!important;background-image:linear-gradient(90deg,rgba(4,3,7,.82) 0%,rgba(4,3,7,.3) 43%,rgba(4,3,7,.05) 68%),linear-gradient(0deg,#07060a 0%,transparent 28%)!important;pointer-events:none}html[dir="rtl"] .hero>.hero-bg{background-image:linear-gradient(270deg,rgba(4,3,7,.82) 0%,rgba(4,3,7,.3) 43%,rgba(4,3,7,.05) 68%),linear-gradient(0deg,#07060a 0%,transparent 28%)!important}.violet-breath{display:none!important}
@media (max-width:650px){.hero-dragon-video{object-position:62% center}}

/* ==== Static dragon image hero (video removed) ==== */
.hero>.hero-bg{background-image:linear-gradient(90deg,rgba(4,3,7,.82) 0%,rgba(4,3,7,.3) 43%,rgba(4,3,7,.05) 68%),linear-gradient(0deg,#07060a 0%,transparent 28%),url('hero-dragon.png')!important;background-size:cover!important;background-position:center!important;animation:none!important;transform:none!important}
html[dir="rtl"] .hero>.hero-bg{background-image:linear-gradient(270deg,rgba(4,3,7,.82) 0%,rgba(4,3,7,.3) 43%,rgba(4,3,7,.05) 68%),linear-gradient(0deg,#07060a 0%,transparent 28%),url('hero-dragon.png')!important}
@media (max-width:650px){.hero>.hero-bg{background-position:62% center!important}}

/* ==== Nav hover: purple text + rising purple dot ==== */
.main-nav a:hover,.main-nav a.active{color:var(--violet)!important;text-shadow:0 0 14px rgba(162,60,255,.75)!important}
.main-nav a::before{content:"";position:absolute;bottom:8px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--violet);box-shadow:0 0 9px 2px var(--purple);opacity:0;transform:translateX(-50%);pointer-events:none}
.main-nav a:hover::before{animation:navDotRise 1s ease-out infinite}
@keyframes navDotRise{0%{opacity:0;transform:translateX(-50%) translateY(6px) scale(.5)}25%{opacity:1}100%{opacity:0;transform:translateX(-50%) translateY(-16px) scale(1.05)}}
@media (max-width:900px){.main-nav a::before{bottom:6px}}
@media (prefers-reduced-motion:reduce){.main-nav a:hover::before{animation:none!important;opacity:0!important}}

/* ==== Nav hover v2: hover-only color + multiple rising sparks ==== */
/* effect appears ONLY on hover, not on the active/current item */
.main-nav a.active{color:#c9c3cf!important;text-shadow:none!important}
.main-nav a.active:after{width:0!important}
.main-nav a:hover{color:var(--violet)!important;text-shadow:0 0 14px rgba(162,60,255,.75)!important}
.main-nav a:hover:after{width:100%!important}
/* disable the old single dot */
.main-nav a::before{content:none!important}
/* multiple purple spark dots rising on hover */
.nav-sparks{position:absolute;left:0;right:0;bottom:5px;height:44px;pointer-events:none;overflow:visible}
.nav-sparks i{position:absolute;bottom:0;width:4px;height:4px;border-radius:50%;background:var(--violet);box-shadow:0 0 8px 2px var(--purple);opacity:0}
.nav-sparks i:nth-child(1){left:20%}
.nav-sparks i:nth-child(2){left:38%;width:3px;height:3px}
.nav-sparks i:nth-child(3){left:52%}
.nav-sparks i:nth-child(4){left:66%;width:3px;height:3px}
.nav-sparks i:nth-child(5){left:80%}
.main-nav a:hover .nav-sparks i{animation:navSparkRise 1.05s ease-out infinite}
.main-nav a:hover .nav-sparks i:nth-child(1){animation-delay:0s}
.main-nav a:hover .nav-sparks i:nth-child(2){animation-delay:.2s}
.main-nav a:hover .nav-sparks i:nth-child(3){animation-delay:.45s}
.main-nav a:hover .nav-sparks i:nth-child(4){animation-delay:.65s}
.main-nav a:hover .nav-sparks i:nth-child(5){animation-delay:.85s}
@keyframes navSparkRise{0%{opacity:0;transform:translateY(7px) scale(.4)}22%{opacity:1}100%{opacity:0;transform:translateY(-24px) scale(1.05)}}
@media (prefers-reduced-motion:reduce){.main-nav a:hover .nav-sparks i{animation:none!important;opacity:0!important}}

/* ==== Preloader shows the Archless logo (dragon eye) ==== */
.loader-logo{width:min(90vw,640px);height:auto;display:block;margin:auto;filter:drop-shadow(0 0 30px rgba(162,60,255,.55));animation:loaderLogoPulse 1.9s ease-in-out infinite}
@keyframes loaderLogoPulse{0%,100%{opacity:.82;transform:scale(.97);filter:drop-shadow(0 0 20px rgba(162,60,255,.4))}50%{opacity:1;transform:scale(1.02);filter:drop-shadow(0 0 42px rgba(162,60,255,.85))}}
@media (prefers-reduced-motion:reduce){.loader-logo{animation:none!important;opacity:1!important;transform:none!important}}