/* ================= AMENTES — TAM EKRAN ANA SAYFA ================= */
.hp{--gold-1:#fff0c4;--gold-2:#f2c46a;--gold-3:#c98a2e;--ice:#9fdcff;--sho:"Shojumaru","Shippori Mincho B1",Georgia,serif;--read:"Noto Sans","Segoe UI",system-ui,sans-serif;
  margin:0;height:100vh;overflow:hidden;background:#05040c;color:#ece4d4;font-family:var(--sho)}
.hp *{box-sizing:border-box}
.hp-wrap{position:fixed;inset:0}
.hp-sec{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s linear 1s;z-index:1}
.hp-sec.is-active{opacity:1;visibility:visible;transition:opacity 1s ease,visibility 0s;z-index:2}
.hp-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;z-index:0}
.hp-shade{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(80% 70% at 50% 45%,transparent 45%,rgba(3,2,10,.8) 100%),linear-gradient(180deg,rgba(4,3,12,.55),transparent 25%,transparent 65%,rgba(4,3,12,.9))}
.hp-shade--boss{background:radial-gradient(70% 70% at 50% 45%,transparent 35%,rgba(5,2,6,.85) 100%),linear-gradient(180deg,rgba(5,3,8,.7),rgba(5,3,8,.1) 35%,rgba(5,3,8,.35) 60%,rgba(5,3,8,.95))}
.hp-mist{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 50% at 50% 35%,rgba(90,140,180,.22),transparent 70%),radial-gradient(40% 40% at 20% 80%,rgba(138,92,240,.18),transparent 70%),
  repeating-linear-gradient(100deg,rgba(160,220,255,.04) 0 40px,transparent 40px 130px),linear-gradient(180deg,#0b1218,#0a0a16 60%,#06050e)}
.hp-media + .hp-mist{background:radial-gradient(80% 70% at 50% 45%,transparent 30%,rgba(3,2,10,.85) 100%),linear-gradient(180deg,rgba(4,3,12,.6),rgba(4,3,12,.35) 40%,rgba(4,3,12,.85));z-index:1}

/* --- yükleme ekranı (rünler tek tek yanar) --- */
.hp-loader{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#020309;transition:opacity .9s ease,visibility 0s linear .9s}
.hp-loader.done{opacity:0;visibility:hidden}
.hp-loader__em{position:relative;width:120px;height:120px;animation:ldPulse 2s ease-in-out infinite}
.hp-loader__em img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 22px rgba(90,200,255,.7))}
@keyframes ldPulse{50%{transform:scale(1.06);filter:brightness(1.25)}}
.hp-loader__runes{display:flex;gap:18px;font-family:"Noto Sans Runic","Segoe UI Historic","Noto Sans",serif;font-size:30px;color:#7fe6ff}
.hp-loader__runes span{opacity:0;text-shadow:0 0 12px #3fd0ff,0 0 26px #1aa0ff;animation:runeOn .5s ease forwards;animation-delay:calc(var(--i) * .16s + .2s)}
@keyframes runeOn{from{opacity:0;transform:translateY(6px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}

/* --- sol üst logo (dönen amblem + kapıdan ışık + kayan parıltı) --- */
.hp-logo{position:fixed;left:30px;top:20px;z-index:60;display:flex;align-items:center;gap:6px;text-decoration:none;transition:opacity .6s,transform .6s}
.hp-em{position:relative;width:90px;height:90px;perspective:600px}
.hp-em img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(138,92,240,.65));animation:coin 9s ease-in-out infinite}
@keyframes coin{0%,62%{transform:rotateY(0)}80%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
.hp-rays{position:absolute;left:calc(49.2% - 130%);top:calc(67% - 130%);width:260%;height:260%;pointer-events:none;mix-blend-mode:screen;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,rgba(150,225,255,.55) 0 3deg,transparent 3deg 18deg);
  -webkit-mask:radial-gradient(circle,#000 0 6%,rgba(0,0,0,.6) 18%,transparent 55%);mask:radial-gradient(circle,#000 0 6%,rgba(0,0,0,.6) 18%,transparent 55%);
  animation:raysSpin 14s linear infinite,raysPulse 3s ease-in-out infinite}
@keyframes raysSpin{to{rotate:360deg}}
@keyframes raysPulse{0%,100%{opacity:.35}50%{opacity:1}}
.hp-gem{position:absolute;left:calc(49.2% - 9%);top:calc(67.1% - 9%);width:18%;height:18%;border-radius:50%;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(circle,#e8fbff,rgba(80,170,255,.75) 35%,transparent 70%);animation:gemP 3s ease-in-out infinite}
@keyframes gemP{0%,100%{opacity:.35;scale:.8}50%{opacity:1;scale:1.6}}
.hp-wm{position:relative;width:190px}
.hp-wm img,.hp-hero__wm img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8))}
.hp-shine{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;-webkit-mask-size:100% 100%;mask-size:100% 100%;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.95) 48%,rgba(255,240,200,.6) 52%,transparent 62%) no-repeat;background-size:250% 100%;
  animation:sweep 6s ease-in-out 1.5s infinite}
@keyframes sweep{0%{background-position:150% 0}30%,100%{background-position:-60% 0}}

/* --- sol menü --- */
.hp-menu{position:fixed;left:38px;top:132px;z-index:55;max-height:calc(100vh - 170px);overflow:auto;scrollbar-width:none}
.hp-menu ul{list-style:none;margin:0;padding:0}
.hp-menu a{position:relative;display:block;padding:3px 0 3px 22px;color:#d6cfe0;opacity:.8;text-decoration:none;font-size:15.5px;line-height:1.7;letter-spacing:.02em;transition:opacity .25s,color .25s,text-shadow .25s}
.hp-menu .hsub a{font-size:13px;line-height:1.55;padding-left:42px;opacity:.68}
.hp-menu .hsub a::before{content:"+";position:absolute;left:26px;color:var(--ice);opacity:.8}
.hp-menu .st{position:absolute;left:0;font-style:normal;color:#dff4ff;text-shadow:0 0 10px #7fd4ff;opacity:0;transform:scale(.4);transition:.35s}
.hp-menu .hsub .st{left:22px}
.hp-menu a:hover{opacity:1;color:#fff}
.hp-menu a.on{opacity:1;color:#fff6dc;text-shadow:0 0 12px rgba(244,214,144,.8)}
.hp-menu a.on .st{opacity:1;transform:none}
.hp-menu a.on::before{opacity:0}
.hp-menu .ext{font-family:var(--read);font-size:11px;margin-left:5px;opacity:.75}
.hp-burger{display:none}

/* --- sağ üst, sağ butonlar --- */
.hp-tr{position:fixed;right:34px;top:24px;z-index:60;display:flex;align-items:center;gap:14px}
.hp-home{color:#e8eef5;display:flex}
.hp-act{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.hp-plq{--a:#2f86d6;--b:#123e86;position:relative;display:flex;align-items:center;gap:10px;width:200px;white-space:nowrap;height:50px;padding:0 16px 0 12px;text-decoration:none;color:#fff8e6;font-size:15px;letter-spacing:.03em;
  background:linear-gradient(180deg,var(--a),var(--b));clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  box-shadow:inset 0 0 0 1px rgba(244,214,144,.75),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .2s,filter .3s;overflow:hidden}
.hp-plq::before{content:"";position:absolute;inset:3px;clip-path:inherit;border:1px solid rgba(255,240,200,.35);pointer-events:none}
.hp-plq::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}
.hp-plq:hover{transform:translateX(-4px);filter:brightness(1.15) drop-shadow(0 0 14px rgba(244,214,144,.6))}
.hp-plq:hover::after{left:130%}
.hp-plq .ico{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(244,214,144,.6)}
.hp-plq .ico svg{width:17px;height:17px}
.hp-plq--reg{--a:#8a5cf0;--b:#3f1f9e}
.hp-plq--in{--a:#2a2340;--b:#120e22;width:170px}
.hp-sns{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:14px;margin-right:10px}
.hp-sns a{color:#e8eef5;opacity:.85;transition:opacity .2s,transform .2s}
.hp-sns a:hover{opacity:1;transform:scale(1.12)}
.hp-down{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:50;color:#dff1ff;font-size:20px;text-shadow:0 0 10px #8fd4ff;animation:bob 2s ease-in-out infinite;pointer-events:none}
@keyframes bob{50%{transform:translate(-50%,6px)}}
.hp-foot{position:fixed;left:38px;bottom:14px;z-index:50;font:12px var(--read);color:rgba(220,215,230,.55)}

/* --- bölüm başlıkları (altın, bulanıktan netleşir, parlar) --- */
.hp-head{position:absolute;left:0;right:0;top:44px;z-index:5;text-align:center;pointer-events:none}
.hp-orn{display:flex;justify-content:center;align-items:center;gap:12px;color:var(--gold-2);font:12px "Noto Sans Runic","Segoe UI Historic","Noto Sans",serif;letter-spacing:.5em;opacity:.85}
.hp-orn i{display:block;width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-2))}.hp-orn i:last-child{transform:scaleX(-1)}
.hp-title{margin:6px 0 0;font:400 clamp(2.4rem,4.4vw,4rem)/1.05 var(--sho);letter-spacing:.02em;
  background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 55%,var(--gold-3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 0 #2a1406) drop-shadow(0 0 20px rgba(244,190,90,.4))}
.hp-sub{max-width:760px;margin:12px auto 0;font:16.5px/1.6 var(--read);color:#e8e2d6;text-shadow:0 2px 6px #000}
.hp-star{position:absolute;left:50%;top:22px;width:34px;height:34px;margin-left:-17px;background:radial-gradient(circle,#fff 0 6%,rgba(255,230,170,.9) 12%,transparent 60%);
  clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);opacity:0}
.hp-sec.is-active .hp-star{animation:starIn 1.6s ease .8s forwards}
@keyframes starIn{0%{opacity:0;transform:scale(.2) rotate(-90deg)}40%{opacity:1;transform:scale(1.4)}100%{opacity:.85;transform:none}}
.anim{opacity:0;transform:translateY(18px);filter:blur(10px);transition:opacity 1.1s ease,transform 1.1s ease,filter 1.3s ease;transition-delay:var(--d,.15s)}
.hp-sec.is-active .anim{opacity:1;transform:none;filter:none}
.hp-sec.is-active .hp-title{animation:flash 1.2s ease .7s}
@keyframes flash{0%{filter:drop-shadow(0 3px 0 #2a1406) brightness(1)}12%{filter:drop-shadow(0 0 30px #fff3c4) brightness(2.2)}100%{filter:drop-shadow(0 3px 0 #2a1406) drop-shadow(0 0 20px rgba(244,190,90,.4))}}

/* --- ana sahne --- */
.hp-hero__logo{position:absolute;left:0;right:0;top:clamp(34px,4.5vh,62px);z-index:3;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(4px,1vw,14px)}
.hp-hero__em{position:relative;width:clamp(96px,8.6vw,146px);aspect-ratio:1;perspective:800px}
.hp-hero__em img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 26px rgba(150,120,255,.55));animation:coin 12s ease-in-out 3s infinite}
.hp-hero__em .hp-gem{z-index:3}
.hp-hero__wm{position:relative;width:min(40vw,490px)}
.hp-hero .anim{filter:blur(14px);transform:scale(1.08)}
.hp-hero.is-active .anim{filter:none;transform:none}

/* --- boss vitrini --- */
.hp-layers,.hp-layer{position:absolute;inset:0}
.hp-layer{opacity:0;transition:opacity 1.2s ease}.hp-layer.on{opacity:1}
.hp-boss{position:absolute;inset:0;z-index:4}
.hp-boss__item{position:absolute;left:50%;top:50%;width:min(760px,80vw);transform:translate(-50%,-30%);text-align:center;opacity:0;visibility:hidden;transition:opacity .8s,transform .8s,visibility 0s linear .8s}
.hp-boss__item.on{opacity:1;visibility:visible;transform:translate(-50%,-38%);transition:opacity .8s .2s,transform .8s .2s}
.hp-tag{display:inline-block;padding:8px 80px 12px;background:radial-gradient(60% 100% at 50% 50%,rgba(220,30,30,.75),rgba(140,10,10,.25) 70%,transparent)}
.hp-tag small{display:block;font-size:13px;letter-spacing:.35em;color:#ffd0d0}
.hp-tag b{font-weight:400;font-size:clamp(1.6rem,2.6vw,2.4rem);color:#fff;text-shadow:0 0 14px rgba(255,80,60,.9)}
.hp-tag::after{content:"◆";display:block;color:#ffc9c9;font-size:12px}
.hp-place{margin-top:clamp(40px,10vh,120px);font-size:clamp(1.4rem,2vw,2rem);background:linear-gradient(180deg,var(--gold-1),var(--gold-2) 60%,var(--gold-3));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px #000)}
.hp-txt{margin:10px auto 0;max-width:640px;font:16px/1.65 var(--read);color:#ece6dc;text-shadow:0 2px 6px #000}
.hp-clock{justify-content:center;margin-top:16px;max-width:300px;margin-left:auto;margin-right:auto}
.hp-arr{position:absolute;z-index:6;background:none;border:0;cursor:pointer;color:#f4f9ff;font-size:54px;line-height:1;text-shadow:0 0 14px #8fd4ff;opacity:.85;transition:opacity .2s,transform .2s;font-family:var(--read)}
.hp-arr:hover{opacity:1;transform:scale(1.12)}
.hp-boss .hp-arr--l,.hp-slider .hp-arr--l{left:clamp(220px,18vw,320px);top:55%}
.hp-boss .hp-arr--r,.hp-slider .hp-arr--r{right:clamp(220px,15vw,280px);top:55%}
.hp-bnav{position:absolute;left:0;right:0;bottom:56px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 36px}
.hp-bnav button{background:none;border:0;cursor:pointer;font:14px var(--sho);color:rgba(240,230,230,.55);transition:color .25s}
.hp-bnav button::before{content:"◆ ";font-size:10px}
.hp-bnav button.on{color:#fff;text-shadow:0 0 10px #ff6a50}

/* --- sınıflar --- */
.hp-cls{position:absolute;inset:0;z-index:3}
.hp-cls__view{position:absolute;left:clamp(200px,17vw,300px);bottom:110px;width:min(46vw,640px);height:calc(100vh - 230px)}
.hp-cls__view canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;transition:opacity .45s}
.hp-cls__view canvas.swap{opacity:0}
.hp-cls__img{position:absolute;left:50%;bottom:0;height:92%;width:auto;transform:translateX(-50%);opacity:0;transition:opacity .5s;filter:drop-shadow(0 18px 26px rgba(0,0,0,.7))}
.hp-cls__img.on{opacity:1}
.hp-cls.has3d .hp-cls__img{display:none}
.hp-cls__floor{position:absolute;left:10%;right:10%;bottom:-18px;height:90px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,170,90,.45),rgba(255,110,50,.12) 60%,transparent)}
.hp-cls__hint{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:2;padding:5px 14px;border-radius:20px;background:rgba(10,8,22,.75);border:1px solid rgba(244,214,144,.55);font:13px var(--read);color:#ffe2b0;white-space:nowrap}
.hp-cls__info{position:absolute;left:52%;top:22vh;width:min(30vw,440px);opacity:0;visibility:hidden;transform:translateX(30px);transition:opacity .6s,transform .6s,visibility 0s linear .6s}
.hp-cls__info.on{opacity:1;visibility:visible;transform:none;transition:opacity .6s .15s,transform .6s .15s}
.hp-cls__name{display:flex;align-items:center;gap:16px;font-size:clamp(2.2rem,3.4vw,3.2rem);background:linear-gradient(180deg,var(--gold-1),var(--gold-2) 55%,var(--gold-3));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #2a1406) drop-shadow(0 0 14px rgba(244,190,90,.35))}
.hp-cls__ico{display:grid;place-items:center;flex:0 0 auto;width:66px;height:66px;border-radius:50%;font:400 34px "Ma Shan Zheng","KaiTi","Noto Serif CJK SC",serif;color:var(--c);-webkit-text-fill-color:var(--c);
  border:2px solid rgba(244,214,144,.7);background:radial-gradient(circle,#2a1a24,#0d0810);box-shadow:0 0 18px color-mix(in srgb,var(--c) 55%,transparent)}
.hp-cls__role{margin:12px 0 4px;font-size:17px;color:var(--gold-2);text-shadow:0 0 10px rgba(244,190,90,.4)}
.hp-cls__info .hp-txt{margin:6px 0 0;text-align:left}
.hp-cls__info .meter{max-width:380px;margin:16px 0 18px}
.hp-cls__info .meter dd::after{background:linear-gradient(90deg,var(--gold-3),var(--gold-2))}
.hp-vthumb{position:relative;display:block;width:min(100%,420px);aspect-ratio:16/9;border:1px solid rgba(244,214,144,.7);background-size:cover;background-position:center;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.hp-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px;border-radius:50%;border:2px solid #fff;background:rgba(0,0,0,.4);transition:transform .2s}
.hp-play::after{content:"";position:absolute;left:24px;top:18px;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.hp-vthumb:hover .hp-play{transform:scale(1.12)}
.hp-tl{position:absolute;left:clamp(220px,19vw,330px);right:clamp(250px,17vw,290px);bottom:48px;display:flex;align-items:center;gap:10px}
.hp-tl .hp-arr{position:static;font-size:40px}
.hp-tl__list{position:relative;flex:1;display:flex;justify-content:space-around}
.hp-tl__list::before{content:"";position:absolute;left:0;right:0;top:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(244,214,144,.7),transparent)}
.hp-tl__list button{position:relative;background:none;border:0;cursor:pointer;padding-top:30px;font:15px var(--sho);color:rgba(236,226,206,.55);transition:color .25s}
.hp-tl__list button::before{content:"✦";position:absolute;left:50%;top:0;transform:translateX(-50%);font-size:14px;color:#ffe7b0;transition:.3s}
.hp-tl__list button.on{color:var(--gold-1);text-shadow:0 0 10px rgba(244,190,90,.9)}
.hp-tl__list button.on::before{font-size:28px;top:-8px;text-shadow:0 0 16px #ffb070}

/* --- medya kaydırıcı / video --- */
.hp-slider{position:absolute;inset:0;z-index:3}
.hp-frame{position:absolute;left:50%;top:52%;width:min(56vw,820px);aspect-ratio:16/9;transform:translate(-50%,-50%);overflow:hidden;background:#0a0a12;
  box-shadow:0 0 0 1px rgba(244,214,144,.75),0 0 0 7px rgba(10,12,22,.65),0 0 0 8px rgba(244,214,144,.25),0 30px 70px rgba(0,0,0,.7)}
.hp-frame--solo{z-index:3}
.hp-slide{position:absolute;inset:0;opacity:0;transform:translateX(6%);transition:opacity .7s,transform .7s}
.hp-slide.on{opacity:1;transform:none}
.hp-slide img,.hp-slide video{width:100%;height:100%;object-fit:cover;display:block}
.hp-vthumb--big{width:100%;height:100%;border:0}
.hp-noimg{position:absolute;inset:0;display:grid;place-items:center;font:14px var(--read);color:rgba(230,225,240,.55);background:repeating-linear-gradient(45deg,#11111c 0 12px,#151524 12px 24px)}
.hp-cap{position:absolute;left:0;right:0;top:calc(52% + min(28vw,410px)*.5625 + 24px);text-align:center;opacity:0;transition:opacity .6s}
.hp-cap.on{opacity:1}
.hp-cap b{font-weight:400;font-size:24px;background:linear-gradient(180deg,var(--gold-1),var(--gold-2) 60%,var(--gold-3));-webkit-background-clip:text;background-clip:text;color:transparent}
.hp-cap span{display:block;font:13px var(--read);color:var(--gold-2);margin-top:2px}
.hp-cap p{margin:4px auto 0;max-width:640px;font:14.5px/1.55 var(--read);color:#dcd6e2}
.hp-dots{position:absolute;left:0;right:0;bottom:54px;display:flex;justify-content:center;gap:14px}
.hp-dots button{width:9px;height:9px;padding:0;border:0;cursor:pointer;background:rgba(220,230,255,.5);transform:rotate(45deg);transition:.25s}
.hp-dots button.on{width:14px;height:14px;background:#fff;box-shadow:0 0 12px #f4d690}

/* --- video penceresi --- */
.hp-modal{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.85)}
.hp-modal[hidden]{display:none}
.hp-modal__box{width:min(90vw,1100px);aspect-ratio:16/9;background:#000;box-shadow:0 0 0 1px rgba(244,214,144,.5)}
.hp-modal__box iframe{width:100%;height:100%;border:0}
.hp-modal__x{position:absolute;right:24px;top:20px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}

/* --- mobil: normal kaydırma --- */
@media (max-width:900px){
  .hp{height:auto;overflow:auto}
  .hp-wrap{position:static}
  .hp-sec{position:relative;min-height:100svh;opacity:1;visibility:visible}
  .hp-logo{opacity:1!important;transform:none!important;pointer-events:auto!important;left:14px;top:12px}
  .hp-em{width:54px;height:54px}.hp-wm{width:110px}
  .hp-burger{display:block;position:fixed;right:14px;top:14px;z-index:70;width:44px;height:40px;border-radius:6px;border:1px solid rgba(244,214,144,.5);background:rgba(10,8,22,.85);color:#fff;font-size:20px}
  .hp-menu{display:none;left:0;right:0;top:0;bottom:0;max-height:none;padding:80px 28px 28px;background:rgba(5,4,12,.97);z-index:65}
  .hp-menu.open{display:block}
  .hp-tr{right:70px;top:20px}
  .hp-act{position:fixed;top:auto;bottom:0;right:0;left:0;transform:none;flex-direction:row;justify-content:center;gap:6px;padding:8px;background:rgba(5,4,12,.92)}
  .hp-plq{width:auto;height:42px;font-size:13px;padding:0 12px}
  .hp-plq--in,.hp-sns,.hp-down,.hp-foot{display:none}
  .hp-head{position:relative;top:auto;padding-top:90px}
  .hp-cls__view{position:relative;left:auto;bottom:auto;width:100%;height:60vh;margin-top:10px}
  .hp-cls__info{position:relative;left:auto;top:auto;width:auto;padding:0 20px;display:none}
  .hp-cls__info.on{display:block}
  .hp-tl{position:relative;left:auto;right:auto;bottom:auto;margin:24px 10px 80px}
  .hp-tl__list button{font-size:12px}
  .hp-frame{width:92vw}
  .hp-boss .hp-arr--l,.hp-slider .hp-arr--l{left:6px}.hp-boss .hp-arr--r,.hp-slider .hp-arr--r{right:6px}
}
@media (prefers-reduced-motion:reduce){.hp *{animation:none!important}.anim{filter:none;transform:none}}


/* ================= SAĞ ÜST: YUVARLAK RENKLİ BUTONLAR ================= */
.hp-act{display:none}
.hp-tr{gap:12px;top:18px;right:26px}
.hp-orb{--g1:#5fd0ff;--g2:#1f6fd6;--g3:#0b2a6a;position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#fff;text-decoration:none;
  background:radial-gradient(circle at 35% 30%,var(--g1),var(--g2) 55%,var(--g3));box-shadow:0 0 0 2px rgba(255,240,200,.85),0 0 0 4px rgba(0,0,0,.35),0 0 18px color-mix(in srgb,var(--g1) 70%,transparent);
  animation:orbGlow 3.2s ease-in-out infinite;transition:transform .25s}
.hp-orb::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px dashed rgba(255,230,170,.55);animation:raysSpin 14s linear infinite}
.hp-orb:hover{transform:scale(1.12)}
.hp-orb svg{position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.hp-orb span{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px);white-space:nowrap;font-size:12px;color:#fff3d0;padding:4px 10px;border-radius:14px;background:rgba(10,8,22,.85);border:1px solid rgba(244,214,144,.5);opacity:0;pointer-events:none;transition:.25s}
.hp-orb:hover span{opacity:1;transform:translate(-50%,0)}
.hp-orb--reg{--g1:#ff8ad8;--g2:#9b3fe0;--g3:#3a0f72;animation-delay:-1s}
.hp-orb--in{--g1:#ffe08a;--g2:#e0921f;--g3:#6a3a06;animation-delay:-2s}
@keyframes orbGlow{50%{box-shadow:0 0 0 2px rgba(255,240,200,.95),0 0 0 4px rgba(0,0,0,.35),0 0 30px var(--g1)}}
.hp-tr .lang{margin-right:6px}

/* ================= SOSYAL MEDYA: YUVARLAK, HAREKETLİ ================= */
.hp-sns{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;gap:16px;margin:0}
.hp-sns a{--b:#5865f2;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:#fff;opacity:1;
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--b) 60%,#fff),var(--b) 60%,color-mix(in srgb,var(--b) 50%,#000));
  box-shadow:0 0 0 2px rgba(255,240,200,.6),0 6px 16px rgba(0,0,0,.5);animation:snsFloat 3.6s ease-in-out infinite;animation-delay:var(--d,0s);transition:transform .3s}
.hp-sns a:hover{transform:scale(1.15) rotate(360deg);transition:transform .6s}
.hp-sns--youtube{--b:#e62117!important}.hp-sns--instagram{--b:#c13584!important}.hp-sns--tiktok{--b:#111!important}.hp-sns--facebook{--b:#1877f2!important}
@keyframes snsFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}

/* ================= İÇ SAYFALAR (yeni tema) ================= */
.hp-inner{height:auto;min-height:100vh;overflow:auto}
.hp-pagebg{position:fixed;inset:0;z-index:0}
.hp-pageshade{position:absolute;inset:0;background:radial-gradient(90% 80% at 50% 30%,rgba(5,4,14,.35),rgba(5,4,14,.85)),linear-gradient(180deg,rgba(5,4,14,.55),rgba(5,4,14,.75) 50%,rgba(5,4,14,.95))}
.hp-page{position:relative;z-index:2;min-height:100vh;padding:120px clamp(110px,9vw,150px) 40px clamp(280px,21vw,350px)}
.hp-page .hp-head{position:relative;top:auto;margin-bottom:10px}
.hp-page .hp-star{top:-16px;animation:starIn 1.6s ease .4s forwards}
.hp-crumbs{text-align:center;margin:0 0 28px;font:13px var(--read);color:#cfc6b5}
.hp-crumbs a{color:var(--gold-2);text-decoration:none}.hp-crumbs i{font-style:normal;color:var(--ice);font-size:10px;margin:0 6px}
.hp-panel{position:relative;background:linear-gradient(180deg,rgba(18,14,34,.82),rgba(8,6,18,.88));border:1px solid rgba(244,214,144,.45);border-radius:6px;padding:clamp(18px,2.4vw,32px);
  box-shadow:0 0 0 5px rgba(5,4,12,.45),0 0 0 6px rgba(244,214,144,.18),0 30px 60px rgba(0,0,0,.55);backdrop-filter:blur(6px)}
.hp-panel::before,.hp-panel::after{content:"✦";position:absolute;left:50%;transform:translateX(-50%);color:#ffe7b0;font-size:16px;text-shadow:0 0 10px #f4b860}
.hp-panel::before{top:-11px}.hp-panel::after{bottom:-11px}
.hp-panel + .hp-panel{margin-top:30px}
.hp-gold{background:linear-gradient(180deg,var(--gold-1),var(--gold-2) 55%,var(--gold-3));-webkit-background-clip:text;background-clip:text;color:transparent}
.hp-prose{font:16px/1.8 var(--read);color:#e4ddd0}
.hp-prose h2,.hp-prose h3{font-family:var(--sho);font-weight:400;color:var(--gold-2);margin:1.4em 0 .5em}
.hp-prose a{color:#8fd4ff}.hp-prose img{max-width:100%;height:auto;border-radius:4px;border:1px solid rgba(244,214,144,.35)}
.hp-prose table{width:100%;border-collapse:collapse}.hp-prose td,.hp-prose th{border:1px solid rgba(244,214,144,.25);padding:.5rem .7rem}
.hp-empty{text-align:center;font:15px var(--read);color:#bdb4c9;padding:30px 0}
.hp-pfoot{margin-top:50px;text-align:center;font:12px var(--read);color:rgba(220,215,230,.5)}
.hp-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 16px;border-radius:30px;border:1px solid rgba(244,214,144,.55);background:rgba(10,8,22,.7);color:var(--gold-1);text-decoration:none;font-size:14px}
.hp-back:hover{box-shadow:0 0 14px rgba(244,190,90,.5)}
/* sekmeler */
.hp-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px}
.hp-tabs a{padding:9px 20px;border-radius:30px;text-decoration:none;font-size:14.5px;color:#e9dfc9;background:rgba(10,8,22,.7);border:1px solid rgba(244,214,144,.35);transition:.25s}
.hp-tabs a:hover{border-color:var(--gold-2);color:#fff}
.hp-tabs a[aria-current]{color:#1a0f02;background:linear-gradient(180deg,var(--gold-1),var(--gold-2) 60%,var(--gold-3));border-color:#fff0c4;box-shadow:0 0 16px rgba(244,190,90,.55)}
/* sıralama tablosu */
.hp-rank{width:100%;border-collapse:separate;border-spacing:0 6px}
.hp-rank th{font-weight:400;font-size:14px;color:var(--gold-2);text-align:left;padding:6px 14px;border-bottom:1px solid rgba(244,214,144,.4)}
.hp-rank td{padding:12px 14px;background:rgba(255,255,255,.035);font:15px var(--read);color:#e8e2d6}
.hp-rank tr td:first-child{border-radius:6px 0 0 6px}.hp-rank tr td:last-child{border-radius:0 6px 6px 0}
.hp-rank tbody tr{transition:transform .2s}.hp-rank tbody tr:hover td{background:rgba(244,214,144,.09)}
.hp-rank .pos{width:64px;text-align:center;font:22px var(--sho);color:#d8cfbf}
.hp-rank .who{display:flex;align-items:center;gap:12px;font:16px var(--sho);color:#fff}
.hp-rank .who img{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 2px rgba(244,214,144,.6)}
.hp-rank .val{text-align:right;font:20px var(--sho)}
.hp-rank tr.top1 td{background:linear-gradient(90deg,rgba(255,200,80,.22),rgba(255,200,80,.04))}.hp-rank tr.top1 .pos{color:#ffd65a;text-shadow:0 0 12px #ffb000;font-size:28px}
.hp-rank tr.top2 td{background:linear-gradient(90deg,rgba(210,220,235,.16),rgba(210,220,235,.03))}.hp-rank tr.top2 .pos{color:#e6edf5;font-size:25px}
.hp-rank tr.top3 td{background:linear-gradient(90deg,rgba(215,140,90,.18),rgba(215,140,90,.03))}.hp-rank tr.top3 .pos{color:#e7a06a;font-size:24px}
.hp-rank .pos small{display:block;font-size:11px}
.hp-demo{display:inline-block;margin-top:14px;font:12px var(--read);color:#f0c27a}
/* kutucuklar (wiki kategorileri, haber kartları) */
.hp-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.hp-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;padding:18px;border-radius:6px;overflow:hidden;text-decoration:none;color:#fff;
  border:1px solid rgba(244,214,144,.45);background:#120e22;box-shadow:0 14px 30px rgba(0,0,0,.5);transition:transform .3s,box-shadow .3s}
.hp-tile .hp-media{transition:transform .8s}
.hp-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,4,14,.05),rgba(5,4,14,.88) 80%);z-index:1}
.hp-tile:hover{transform:translateY(-5px);box-shadow:0 0 26px rgba(244,190,90,.4),0 20px 40px rgba(0,0,0,.6)}
.hp-tile:hover .hp-media{transform:scale(1.08)}
.hp-tile b{position:relative;z-index:2;font-weight:400;font-size:21px}
.hp-tile small{position:relative;z-index:2;font:12.5px var(--read);color:#d8cfbf;margin-top:4px}
.hp-tile .hp-noimg2{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(138,92,240,.35),#120e22)}
.hp-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:24px}
.hp-pages a{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:6px;text-decoration:none;color:#f1e6cf;background:rgba(255,255,255,.04);border:1px solid rgba(244,214,144,.25);font-size:15px;transition:.25s}
.hp-pages a::before{content:"✦";color:var(--ice)}
.hp-pages a:hover{border-color:var(--gold-2);background:rgba(244,214,144,.08)}
.hp-h2{margin:34px 0 14px;font-weight:400;font-size:22px}
.hp-news{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.hp-ncard{display:flex;flex-direction:column;overflow:hidden;border-radius:6px;text-decoration:none;background:rgba(12,10,24,.85);border:1px solid rgba(244,214,144,.4);box-shadow:0 14px 30px rgba(0,0,0,.5);transition:transform .3s,box-shadow .3s}
.hp-ncard:hover{transform:translateY(-5px);box-shadow:0 0 26px rgba(244,190,90,.35)}
.hp-ncard .ph{position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle,rgba(138,92,240,.35),#120e22)}
.hp-ncard .ph img{width:100%;height:100%;object-fit:cover}
.hp-ncard .ph .kind{position:absolute;left:12px;top:12px;padding:3px 10px;border-radius:20px;font:12px var(--read);background:rgba(10,8,22,.8);border:1px solid rgba(244,214,144,.5);color:var(--gold-1)}
.hp-ncard .bd{padding:16px 18px 20px}
.hp-ncard .dt{font:12.5px var(--read);color:var(--ice)}
.hp-ncard b{display:block;margin:6px 0 6px;font-weight:400;font-size:19px;line-height:1.3}
.hp-ncard p{margin:0;font:14px/1.55 var(--read);color:#cfc6d8}
.hp-pager{display:flex;justify-content:center;gap:8px;margin-top:28px}
.hp-pager a,.hp-pager span{min-width:40px;height:40px;display:grid;place-items:center;border-radius:50%;text-decoration:none;color:#fff;border:1px solid rgba(244,214,144,.4);background:rgba(10,8,22,.7)}
.hp-pager span{background:linear-gradient(180deg,var(--gold-1),var(--gold-2));color:#1a0f02}
.hp-cover{width:100%;max-height:440px;object-fit:cover;border-radius:4px;margin-bottom:20px;border:1px solid rgba(244,214,144,.35)}
.hp-req{width:100%;border-collapse:collapse;font:15px var(--read)}
.hp-req th{font:400 15px var(--sho);color:var(--gold-2);text-align:left;padding:10px;border-bottom:1px solid rgba(244,214,144,.4)}
.hp-req td{padding:11px 10px;border-bottom:1px solid rgba(244,214,144,.12);color:#e6dfd2}.hp-req td:first-child{color:#fff;font-weight:700}
.hp-dl{display:grid;gap:14px}
.hp-dlbtn{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:40px;text-decoration:none;color:#fff;background:radial-gradient(circle at 20% 30%,#5fd0ff,#1f6fd6 55%,#0b2a6a);
  box-shadow:0 0 0 2px rgba(255,240,200,.75),0 0 20px rgba(95,208,255,.45);transition:transform .2s}
.hp-dlbtn:hover{transform:translateY(-3px)}
.hp-dlbtn b{display:block;font-weight:400;font-size:18px}.hp-dlbtn small{font:12.5px var(--read);opacity:.85}
.hp-grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:start}
@media (max-width:900px){
  .hp-page{padding:100px 14px 90px}
  .hp-grid2{grid-template-columns:1fr}
  .hp-tr{right:66px;gap:8px}.hp-orb{width:40px;height:40px}.hp-orb svg{width:17px}.hp-orb span{display:none}
  .hp-sns{display:none}
  .hp-hero__logo{top:90px}
}

/* ana sahnede sol üst logo gizli (ortada büyük logo var); diğer bölümlerde görünür */
@media (min-width:901px){
  body.hp-home:not([data-first="0"]) .hp-logo{opacity:0;transform:translateY(-10px);pointer-events:none}
}

/* sol menü: daha büyük yazı, daha geniş aralık */
.hp-menu{left:42px;top:clamp(120px,15vh,150px);max-height:calc(100vh - 190px)}
.hp-menu a{font-size:clamp(17px,1.25vw,21px);line-height:1.5;padding:7px 0 7px 28px;letter-spacing:.03em}
.hp-menu .hsub a{font-size:clamp(14.5px,1vw,17px);line-height:1.45;padding:5px 0 5px 52px}
.hp-menu .hsub a::before{left:32px;font-size:1.05em}
.hp-menu .st{font-size:1.1em;top:50%;margin-top:-.62em;line-height:1.2}
.hp-menu .hsub .st{left:28px}
.hp-menu li + li:not(.hsub){margin-top:6px}
@media (max-height:760px){.hp-menu a{padding:4px 0 4px 28px}.hp-menu .hsub a{padding:3px 0 3px 52px}}

/* ===== sol menü: AION 2 tarzı renkler ve fare efekti ===== */
.hp-menu ul{position:relative}
.hp-menu a{color:#cfd4da;opacity:.72;text-shadow:none;transition:color .6s,opacity .6s,transform .6s,text-shadow .6s}
.hp-menu .hsub a{color:#b9c0c8;opacity:.62}
.hp-menu .hsub a::before{content:"+";color:#9aa6b2;opacity:.9;transition:color .6s,opacity .6s}
.hp-menu a:hover{color:#fff;opacity:1;transform:translateX(5px);text-shadow:0 0 10px rgba(170,215,255,.75)}
.hp-menu a:hover::before{color:#dff2ff}
.hp-menu a.on{color:#fff;opacity:1;text-shadow:0 0 12px rgba(170,215,255,.9),0 0 2px #fff}
.hp-menu a.on::before{opacity:0}
/* yıldız parıltısı (her satırda, üzerine gelince belirir) */
.hp-menu .st{width:16px;height:16px;margin-top:-8px;top:50%;font-size:0;opacity:0;transform:scale(.3) rotate(-45deg);
  background:radial-gradient(circle,#fff 0 18%,#bfe6ff 32%,rgba(120,190,255,.0) 70%);
  clip-path:polygon(50% 0,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%);filter:drop-shadow(0 0 4px #9fd8ff);transition:opacity .6s,transform .6s}
.hp-menu a:hover .st{opacity:.85;transform:scale(.85) rotate(0)}
.hp-menu a.on .st{opacity:0}
/* aktif öğe göstergesi: maddeler arasında kayarak hareket eder */
.hp-ind{position:absolute;left:0;top:0;width:22px;height:22px;margin-top:-11px;pointer-events:none;opacity:0;transition:top .5s ease,left .5s ease,opacity .4s;
  background:radial-gradient(circle,#fff 0 16%,#cdeeff 30%,rgba(120,190,255,0) 70%);
  clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);filter:drop-shadow(0 0 6px #8fd4ff);animation:indTw 2.4s ease-in-out infinite}
.hp-ind.show{opacity:1}
@keyframes indTw{0%,100%{scale:1;rotate:0deg}50%{scale:1.2;rotate:45deg}}

/* ===== sol menü: metalik altın, üzerine gelince buz mavisi ===== */
.hp-menu a{opacity:1;color:#e9c46a;-webkit-text-fill-color:transparent;text-shadow:none;
  background-image:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.08) 42%,rgba(60,30,0,.35) 52%,rgba(255,240,200,.25) 100%),
                   linear-gradient(90deg,#fff1c2 0%,#f2c46a 18%,#c98a2e 34%,#f7e2a6 46%,#9ff0ff 56%,#5fd0ff 72%,#e8fbff 88%,#7fe8ff 100%);
  background-size:100% 100%,230% 100%;background-position:0 0,0 0;-webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 1px 0 rgba(40,18,0,.9)) drop-shadow(0 0 6px rgba(244,190,90,.18));
  transition:background-position .6s ease,filter .6s ease,transform .6s ease}
.hp-menu .hsub a{opacity:.92;filter:drop-shadow(0 1px 0 rgba(40,18,0,.9))}
.hp-menu .hsub a::before{-webkit-text-fill-color:#c99a45;color:#c99a45;transition:-webkit-text-fill-color .6s}
.hp-menu a:hover{background-position:0 0,100% 0;transform:translateX(5px);text-shadow:none;
  filter:drop-shadow(0 1px 0 rgba(0,20,40,.9)) drop-shadow(0 0 9px rgba(110,220,255,.85))}
.hp-menu a:hover::before{-webkit-text-fill-color:#9ff0ff}
.hp-menu a.on{background-position:0 0,0 0;text-shadow:none;
  filter:brightness(1.25) drop-shadow(0 1px 0 rgba(40,18,0,.9)) drop-shadow(0 0 10px rgba(255,200,100,.75))}
.hp-menu a.on:hover{background-position:0 0,100% 0}
.hp-menu .ext{-webkit-text-fill-color:currentColor}
.hp-down{display:none!important}

/* ayarlanabilir karartma */
.hp-dim{position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(5,4,14,var(--dim,0))}
.hp-pageshade{background:rgba(5,4,14,var(--dim,0))!important}
/* sınıflar tarzı vitrin */
.hp-show__media{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;left:0;transform:none}
.hp-show__media img,.hp-show__media video{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.7))}
.hp-show .hp-cls__name{gap:0}

/* aktif sayfa işareti: dönen ve parlayan Amentes amblemi */
.hp-ind{width:30px;height:30px;margin-top:-15px;clip-path:none;background:url("../img/lg_emblem.webp") center/contain no-repeat;
  filter:drop-shadow(0 0 5px rgba(255,210,120,.75)) drop-shadow(0 0 10px rgba(150,115,255,.5));
  animation:indSpin 6s ease-in-out infinite,indGlow 2.6s ease-in-out infinite}
@keyframes indSpin{0%,68%{transform:perspective(220px) rotateY(0)}84%{transform:perspective(220px) rotateY(180deg)}100%{transform:perspective(220px) rotateY(360deg)}}
@keyframes indGlow{0%,100%{filter:drop-shadow(0 0 5px rgba(255,210,120,.75)) drop-shadow(0 0 10px rgba(150,115,255,.5))}
  50%{filter:brightness(1.35) drop-shadow(0 0 9px rgba(255,225,150,1)) drop-shadow(0 0 18px rgba(170,130,255,.9))}}

/* sol menü: kırpma yok (amblem ve parıltılar kenarda kesilmesin) */
.hp-menu{overflow:visible;max-height:none;left:28px;padding-left:14px}
@media (max-width:900px){.hp-menu{overflow:auto;left:0;padding-left:28px}}

.hp-slideplay{position:absolute;inset:0;background:transparent;border:0;padding:0}
.hp-slideplay:hover .hp-play{transform:scale(1.12)}

/* ================= DESTEK ================= */
.hp-alert{margin:0 0 18px;padding:12px 16px;border-radius:6px;font:15px var(--read);border:1px solid}
.hp-alert--ok{background:rgba(20,70,60,.85);border-color:#3fbf9f;color:#e6fff8}
.hp-alert--err{background:rgba(90,20,30,.85);border-color:#d25a6a;color:#ffe6ea}
.hp-form{display:grid;gap:14px}
.hp-frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hp-f{display:grid;gap:6px}
.hp-f span{font-size:14px;color:var(--gold-2)}
.hp-f input,.hp-f select,.hp-f textarea{width:100%;padding:11px 13px;border-radius:6px;border:1px solid rgba(244,214,144,.35);background:rgba(5,4,14,.75);color:#f1ece2;font:15px var(--read)}
.hp-f input:focus,.hp-f select:focus,.hp-f textarea:focus{outline:none;border-color:#8fd4ff;box-shadow:0 0 0 3px rgba(143,212,255,.2)}
.hp-f input[type=file]{padding:8px}
.hp-chk{display:flex;gap:10px;align-items:flex-start;font:14px/1.5 var(--read);color:#ddd5c8}
.hp-chk input{margin-top:3px;width:18px;height:18px;accent-color:#d9a441}
.hp-btn{justify-self:start;padding:13px 30px;border:0;border-radius:40px;color:#fff;font:16px var(--sho);letter-spacing:.04em;
  background:radial-gradient(circle at 25% 30%,#ffd98a,#d9a441 45%,#8a5a12);box-shadow:0 0 0 2px rgba(255,240,200,.75),0 0 18px rgba(244,190,90,.45);text-shadow:0 1px 2px #3a2006;transition:transform .2s}
.hp-btn:hover{transform:translateY(-2px)}
.hp-warn{border-color:rgba(255,120,100,.55)}
.hp-badge{display:inline-block;padding:4px 12px;border-radius:20px;font:13px var(--read);white-space:nowrap;border:1px solid}
.hp-badge--open{color:#ffd98a;border-color:#d9a441;background:rgba(217,164,65,.15)}
.hp-badge--progress{color:#9fdcff;border-color:#5fb0e0;background:rgba(95,176,224,.15)}
.hp-badge--answered{color:#9ff0c8;border-color:#3fbf8f;background:rgba(63,191,143,.15)}
.hp-badge--closed{color:#bdb4c9;border-color:#6a6080;background:rgba(255,255,255,.05)}
.hp-tkhead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid rgba(244,214,144,.25)}
.hp-tkmeta{margin-top:6px;font:13px var(--read);color:#bdb4c9}
.hp-thread{display:grid;gap:14px;margin-top:18px}
.hp-msg{max-width:82%;padding:14px 16px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.hp-msg--staff{margin-left:auto;background:linear-gradient(180deg,rgba(217,164,65,.14),rgba(138,92,240,.12));border-color:rgba(244,214,144,.45)}
.hp-msg__who{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:15px;color:var(--gold-1)}
.hp-msg__who img{width:22px;height:22px}
.hp-msg__who span{margin-left:auto;font:12px var(--read);color:#a99fb8}
.hp-msg__txt{font:15px/1.65 var(--read);color:#ece6dc}
.hp-msg__att{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.hp-msg__att img{height:100px;border-radius:4px;border:1px solid rgba(244,214,144,.35)}
.hp-tklist{display:grid;gap:10px}
.hp-tklist a{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:6px;text-decoration:none;color:#f1e6cf;background:rgba(255,255,255,.04);border:1px solid rgba(244,214,144,.25);transition:.2s}
.hp-tklist a:hover{border-color:var(--gold-2);background:rgba(244,214,144,.08)}
.hp-tklist b{font-weight:400;color:var(--gold-2);min-width:48px}
.hp-tklist .s{flex:1;font:15px var(--read)}.hp-tklist small{display:block;color:#a99fb8;font-size:12.5px;margin-top:2px}
@media (max-width:900px){.hp-frow{grid-template-columns:1fr}.hp-msg{max-width:100%}}

.hp-note{margin:0 0 6px;font:14px/1.6 var(--read);color:#cfc6b5}
.hp-captcha{position:fixed;inset:0;z-index:300;opacity:1;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.75)}
.hp-captcha[hidden]{display:none}
.hp-capbox{position:relative;width:min(92vw,400px);padding:28px 26px 24px;border-radius:8px;text-align:center;display:grid;gap:12px;justify-items:center;
  background:linear-gradient(180deg,#1b1530,#0d0a1c);border:1px solid rgba(244,214,144,.55);box-shadow:0 0 0 6px rgba(5,4,14,.6),0 30px 70px rgba(0,0,0,.7)}
.hp-capbox h3{margin:0;font-weight:400;font-size:22px}
.hp-capimg{display:flex;align-items:center;gap:8px}
.hp-capimg img{border-radius:6px;border:1px solid rgba(244,214,144,.4)}
.hp-capimg button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(244,214,144,.5);background:rgba(10,8,22,.8);color:#ffe2b0;font-size:20px}
#capin{width:220px;padding:11px 13px;border-radius:6px;border:1px solid rgba(244,214,144,.45);background:rgba(5,4,14,.8);color:#fff;font:20px var(--read);text-align:center;letter-spacing:.3em}
.hp-capbox .hp-btn{justify-self:center}
.hp-capbox .hp-modal__x{top:6px;right:10px;font-size:22px;position:absolute;background:none;border:0;color:#fff}

.hp-hint{font:12.5px/1.45 var(--read);color:#a99fb8}
.hp-meter{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.hp-meter i{display:block;height:100%;width:0;transition:width .3s,background .3s}
.hp-steps{margin:0 0 12px;padding-left:20px;font:15px/1.7 var(--read);color:#e4ddd0}
.hp-steps b{color:var(--gold-1)}

/* ================= GİRİŞ / HESABIM ================= */
.hp-or{display:flex;align-items:center;gap:12px;margin:22px 0 14px;font:13px var(--read);color:#a99fb8}
.hp-or::before,.hp-or::after{content:"";flex:1;height:1px;background:rgba(244,214,144,.25)}
.hp-acc{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start}
.hp-acc__card{text-align:center}
.hp-acc__em{width:110px;height:auto;margin:0 auto 10px;display:block;filter:drop-shadow(0 0 14px rgba(150,115,255,.6))}
.hp-dl2{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:18px 0 6px;text-align:left;font:14.5px var(--read)}
.hp-dl2 dt{color:#a99fb8}.hp-dl2 dd{margin:0;color:#f1ece2;text-align:right;font-family:var(--sho)}
.hp-chars{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.hp-char{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(244,214,144,.25)}
.hp-char img{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 2px rgba(244,214,144,.6)}
.hp-char b{display:block;font-weight:400;font-size:17px;color:var(--gold-1)}.hp-char small{font:13px var(--read);color:#bdb4c9}
@media (max-width:900px){.hp-acc{grid-template-columns:1fr}}