body.guest-page{--hv-orange:#ef6b24;--hv-green:#43b85c;--hv-bg:#18191a;--hv-panel:#202224;background:#18191a!important;color:#eee;font-family:Arial,"Trebuchet MS",sans-serif}.guest-page .habvice-page{min-height:100vh;background:#18191a}.habvice-header{position:absolute;z-index:10;left:0;right:0;top:0}.habvice-nav{max-width:1080px;height:82px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:45px}.habvice-logo{display:flex;align-items:center;color:#eee;text-decoration:none;font-size:28px;font-weight:300;letter-spacing:-1.8px}.habvice-logo b{color:var(--hv-orange);font-size:42px;font-weight:500;line-height:1}.habvice-logo span{margin-left:-4px}.habvice-links{display:flex;gap:27px}.habvice-links a{color:#9c9c9c;text-decoration:none;font-size:12px;font-weight:700}.habvice-links a.active,.habvice-links a:hover{color:#fff}.habvice-nav-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.habvice-nav-actions>a{padding:10px 25px;color:#aaa;border:1px solid #555;border-radius:24px;text-decoration:none;font-size:12px}.habvice-online{font-size:10px;color:#aaa}.habvice-online i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#44d071;box-shadow:0 0 8px #44d071}.habvice-hero{min-height:720px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(20,20,20,.08),rgba(24,25,26,.38) 52%,rgba(24,25,26,.92)),url('/assets/habvice-sunset.png') left center/cover no-repeat}.habvice-intro{position:relative;z-index:2;width:520px;padding-top:190px;margin-left:max(5px,calc((75vw - 1030px)/2))}.habvice-eyebrow{color:var(--hv-orange);font-size:10px;font-weight:800;letter-spacing:2.5px}.habvice-intro h1{font-size:37px;line-height:1.22;margin:15px 0 20px;color:#f5f5f5}.habvice-intro h1 strong{font-weight:400;color:#ddd}.habvice-intro p{max-width:560px;color:#b8b8b8;font-size:14px;line-height:1.8}.habvice-cta{display:flex;gap:12px;margin-top:30px}.habvice-cta button,.habvice-cta a{min-width:190px;height:43px;display:grid;place-items:center;border:0;border-radius:4px;font-weight:700;text-decoration:none;cursor:pointer}.habvice-cta button{color:#fff;background:var(--hv-orange)}.habvice-cta a{color:#fff;background:var(--hv-green)}.habvice-characters{position:absolute;z-index:1;right:8%;bottom:38px;width:min(34vw,455px);height:auto}.guest-page .login-card{position:absolute;z-index:4;right:max(24px,calc((100vw - 1030px)/2));top:126px;width:330px;padding:22px;background:rgba(27,29,30,.96);border:1px solid #454749;border-radius:7px;box-shadow:0 18px 45px #0009;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.18s}.guest-page .login-card:target{opacity:1;pointer-events:auto;transform:none}.guest-page .login-card h2{font-size:20px}.guest-page .login-card .primary-button{background:var(--hv-orange);color:#fff}.guest-page .login-card .register-toggle{background:#343638;color:#eee;border:1px solid #555}.guest-page .login-card .input-wrap{background:#171819;border-color:#47494a}.guest-page .login-card .divider span{background:#1c1d1e}.guest-page .login-card .discord-row{color:#999}.habvice-about{max-width:900px;margin:auto;padding:90px 24px 110px;text-align:center}.habvice-about>span{color:var(--hv-orange);font-size:10px;font-weight:800;letter-spacing:2px}.habvice-about h2{font-size:36px;font-weight:300;margin:13px 0}.habvice-about>p{max-width:650px;margin:0 auto;color:#929292;line-height:1.8}.habvice-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;text-align:left}.habvice-features article{padding:25px;background:#202224;border:1px solid #333;border-radius:6px}.habvice-features b{color:var(--hv-orange);font-size:11px}.habvice-features h3{margin:11px 0 7px}.habvice-features p{margin:0;color:#8f8f8f;font-size:12px;line-height:1.6}.guest-page .site-footer{background:#141516;border-color:#303030}.guest-page .site-footer .brand-avatar{display:none}.guest-page .site-footer .brand strong{color:var(--hv-orange)}@media(max-width:900px){.habvice-links{display:none}.habvice-characters{right:-8%;width:48vw;opacity:.66}.habvice-intro{margin-left:35px}.guest-page .login-card{right:25px}}@media(max-width:650px){.habvice-nav{height:70px;padding:0 16px}.habvice-nav-actions .habvice-online{display:none}.habvice-logo{font-size:23px}.habvice-logo b{font-size:34px}.habvice-hero{min-height:720px;background-position:28% center}.habvice-intro{width:auto;margin:0;padding:145px 22px 0}.habvice-intro h1{font-size:30px}.habvice-characters{right:-80px;bottom:0;width:320px;opacity:.35}.habvice-cta{flex-direction:column;width:210px}.guest-page .login-card{position:fixed;left:15px;right:15px;top:85px;width:auto}.habvice-features{grid-template-columns:1fr}}
.habvice-clip-defs{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important}

/* Hero ve haberler boyunca kesintisiz devam eden tek yarim-cember katmani. */
.guest-page .habvice-continuous-stage{
    position:relative;
    isolation:isolate;
    overflow:visible;
    background:#151718;
}
.guest-page .habvice-continuous-curve{
    position:absolute;
    z-index:2;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    pointer-events:none;
}
.guest-page .habvice-continuous-curve-fill{fill:#181a1b}
.guest-page .habvice-continuous-curve-edge{
    fill:none;
    stroke:rgba(255,255,255,.075);
    stroke-width:1.15;
    vector-effect:non-scaling-stroke;
}
.guest-page .habvice-continuous-stage>.habvice-hero{
    isolation:auto!important;
    background:transparent!important;
}
.guest-page .habvice-continuous-stage>.habvice-hero::before{display:none!important}
.guest-page .habvice-continuous-stage>.habvice-hero>.habvice-motion-gallery{
    z-index:1!important;
    background:transparent!important;
    clip-path:none!important;
}
.guest-page .habvice-continuous-stage>.habvice-hero>.habvice-landing-characters,
.guest-page .habvice-continuous-stage>.habvice-hero>.habvice-landing-key,
.guest-page .habvice-continuous-stage>.habvice-hero>.login-card{
    z-index:3;
}
.guest-page .habvice-continuous-stage>.habvice-hero>.habvice-landing-hotel-left{z-index:3}
.guest-page .habvice-continuous-stage>.habvice-hero>.login-card{z-index:4}
.guest-page .habvice-continuous-stage>.habvice-about{
    z-index:3;
    background:transparent!important;
}
.guest-page .habvice-continuous-stage>.habvice-about::before,
.guest-page .habvice-continuous-stage>.habvice-about::after{display:none!important}
/* User supplied animated Habvice hero background. */
.guest-page .habvice-hero{background-image:linear-gradient(90deg,rgba(20,20,20,.04),rgba(24,25,26,.24) 52%,rgba(24,25,26,.72)),url('/assets/habvice-sunset.gif?v=1')!important;background-position:left center!important;background-size:cover!important;background-repeat:no-repeat!important}
.guest-page .habvice-hero{isolation:isolate;background:#18191a!important}
.guest-page .habvice-hero:before{content:"";position:absolute;z-index:0;inset:-6px;background:linear-gradient(90deg,rgba(20,20,20,.04),rgba(24,25,26,.24) 52%,rgba(24,25,26,.72)),url('/assets/habvice-sunset.gif?v=2') center center/cover no-repeat;filter:blur(3px);transform:scale(1.012);pointer-events:none}
.guest-page .habvice-characters{right:13%;bottom:464px;width:min(38vw,560px);object-fit:contain;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.82) 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.82) 82%,transparent 100%);filter:drop-shadow(0 12px 18px rgba(0,0,0,.32))}
.guest-page .habvice-key{position:absolute;z-index:3;right:25.7%;bottom:650px;display:block;width:84px;height:auto;pointer-events:none;filter:drop-shadow(0 0 10px rgba(255,187,48,.48));transform-origin:50% 50%;animation:habvice-key-float 2.1s ease-in-out infinite alternate}
@keyframes habvice-key-float{from{transform:translateY(-7px)}to{transform:translateY(7px)}}
@media(max-width:900px){.guest-page .habvice-key{right:22%;bottom:255px;width:58px}}
@media(max-width:650px){.guest-page .habvice-key{display:none}}
@media(prefers-reduced-motion:reduce){.guest-page .habvice-key{animation:none}}
.guest-page .habvice-logo{display:flex;align-items:center;width:154px;height:48px;flex:0 0 154px;line-height:0}
.guest-page .habvice-logo img{display:block;width:100%;height:auto;object-fit:contain}
.guest-page .habvice-header .habvice-logo{width:240px;height:62px;flex:0 0 240px}
.guest-page .habvice-header .habvice-logo img.habvice-toolbar-logo{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
@media(max-width:650px){.guest-page .habvice-logo{width:132px;height:42px;flex-basis:132px}.guest-page .habvice-header .habvice-logo{width:185px;height:48px;flex-basis:185px}}
.guest-page .habvice-logo img.habvice-logo-mark{width:50px;height:50px;flex:0 0 50px;object-fit:contain}
.guest-page .habvice-logo span{margin-left:-6px;color:#e7e7e7;font-family:"Segoe Script","Brush Script MT","Segoe UI",cursive;font-size:31px;font-weight:500;line-height:1;letter-spacing:-2.2px;text-shadow:0 1px 2px rgba(0,0,0,.55)}
@media(max-width:650px){.guest-page .habvice-logo img.habvice-logo-mark{width:43px;height:43px;flex-basis:43px}.guest-page .habvice-logo span{font-size:27px}}
.guest-page .habvice-nav-actions>a.habvice-discord-link{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #515151;border-radius:50%;background:rgba(25,26,27,.68);transition:border-color .18s,background-color .18s,transform .18s}
.guest-page .habvice-discord-link img{display:block;width:19px;height:22px;object-fit:contain}
.guest-page .habvice-nav-actions>a.habvice-discord-link:hover{border-color:#ef6b24;background:rgba(239,107,36,.12);transform:translateY(-1px)}
.guest-page .habvice-top-banner{position:relative;height:141px;overflow:hidden;background:#1b1c1d;border-bottom:0}
.guest-page .habvice-top-banner::before{content:"";position:absolute;inset:-3px;background:url('/assets/habvice-top-banner-v2.png?v=2') center/100% 100% no-repeat;filter:blur(2px);opacity:.88}
@media(max-width:650px){.guest-page .habvice-top-banner{height:90px}}
.guest-page .habvice-intro{width:650px}
.guest-page .habvice-intro h1{max-width:650px;margin-top:0;font-size:34px}
.guest-page .habvice-intro p{max-width:650px}
@media(max-width:1100px){.guest-page .habvice-intro{width:560px}.guest-page .habvice-intro h1,.guest-page .habvice-intro p{max-width:560px}}
@media(max-width:650px){.guest-page .habvice-intro{width:auto}.guest-page .habvice-intro h1,.guest-page .habvice-intro p{max-width:none}}

/* HABVICE ARKA PLAN KONUMU */
.guest-page .habvice-hero::before{
    background-position:center center!important;
}
.guest-page .habvice-hero{min-height:100vh}

/* HABVICE AÇILIŞ SAHNESİ */
.guest-page .habvice-entrance-line{position:absolute;z-index:6;left:50%;top:50%;display:block;width:1px;height:min(72%,560px);background:linear-gradient(to bottom,transparent,rgba(239,107,36,.82) 14%,#f0b06d 50%,rgba(239,107,36,.82) 86%,transparent);box-shadow:0 0 12px rgba(239,107,36,.28);opacity:0;transform:translate(-50%,-50%) scaleY(0);transform-origin:center}
.guest-page .habvice-reveal-panel{position:absolute;z-index:2;inset:0;pointer-events:none}
.guest-page .habvice-reveal-panel .habvice-intro,.guest-page .habvice-reveal-panel .habvice-cta,.guest-page .habvice-reveal-panel .habvice-cta *{pointer-events:auto}
.guest-page .habvice-hero.habvice-entrance-pending .habvice-reveal-left{clip-path:inset(0 50% 0 50%)}
.guest-page .habvice-hero.habvice-entrance-pending .habvice-reveal-right{clip-path:inset(0 50% 0 50%)}
.guest-page .habvice-hero.habvice-entrance-running .habvice-entrance-line{animation:habvice-divider-sequence 2.55s cubic-bezier(.65,0,.35,1) both}
.guest-page .habvice-hero.habvice-entrance-running .habvice-reveal-left{animation:habvice-panel-open-left .82s cubic-bezier(.22,.76,.2,1) .78s both}
.guest-page .habvice-hero.habvice-entrance-running .habvice-reveal-right{animation:habvice-panel-open-right .82s cubic-bezier(.22,.76,.2,1) .78s both}
.guest-page .habvice-hero.habvice-entrance-running .habvice-intro{animation:habvice-content-move-left .82s cubic-bezier(.22,.76,.2,1) .78s both}
.guest-page .habvice-hero.habvice-entrance-running .habvice-characters{animation:habvice-content-move-right .82s cubic-bezier(.22,.76,.2,1) .78s both}
.guest-page .habvice-hero.habvice-entrance-running .habvice-key{animation:habvice-key-move-right .82s cubic-bezier(.22,.76,.2,1) .78s both,habvice-key-float 2.1s ease-in-out .78s infinite alternate}
@keyframes habvice-divider-sequence{0%{opacity:0;transform:translate(-50%,-50%) scaleY(0)}8%{opacity:1}29%,31%{opacity:1;transform:translate(-50%,-50%) scaleY(1)}61%,100%{opacity:0;transform:translate(-50%,-50%) scaleY(0)}}
@keyframes habvice-panel-open-left{from{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 50% 0 0)}}
@keyframes habvice-panel-open-right{from{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 50%)}}
@keyframes habvice-content-move-left{from{transform:translateX(110px)}to{transform:translateX(0)}}
@keyframes habvice-content-move-right{from{transform:translateX(-110px)}to{transform:translateX(0)}}
@keyframes habvice-key-move-right{from{translate:-110px 0}to{translate:0 0}}
@media(prefers-reduced-motion:reduce){.guest-page .habvice-hero.habvice-entrance-pending .habvice-reveal-panel{clip-path:none}.guest-page .habvice-entrance-line{display:none}}

/* Ana sayfa doğrudan ana sahneyle açılır; üstte ayrı banner ve giriş kaydırması yok. */
.guest-page .habvice-top-banner{display:none!important}

/* HABVICE RADYO */
.habvice-radio{position:fixed;z-index:1000;top:18px;left:18px;width:280px;height:62px;display:flex;align-items:center;gap:8px;padding:7px;color:#e5e5e1;background:#202223;border:1px solid #090a0a;border-radius:3px;box-shadow:inset 0 0 0 1px #484b4b,3px 4px 0 #0006;font-family:"Trebuchet MS",Arial,sans-serif;box-sizing:border-box;overflow:visible;will-change:width,height,padding;transition:width .32s cubic-bezier(.22,.78,.24,1),height .32s cubic-bezier(.22,.78,.24,1),padding .32s cubic-bezier(.22,.78,.24,1),background .16s ease,box-shadow .16s ease}
.habvice-radio-toggle{position:relative;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:0;color:#ff8a43;background:transparent;cursor:pointer;box-shadow:none}
.habvice-radio-toggle .radio-icon{display:block;width:35px;height:35px;margin:auto;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 #0008)}
.habvice-radio-toggle .radio-play-icon{position:absolute;right:-2px;bottom:-2px;width:15px;height:15px;display:grid;place-items:center;border:1px solid #171717;border-radius:3px;background:#c84335;box-shadow:inset 1px 1px 0 #f38b70,inset -1px -1px 0 #76231d;box-sizing:border-box}
.habvice-radio-toggle .radio-play-icon:before{content:"";position:static;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #fff;transform:translateX(1px)}
.habvice-radio[data-radio-state="playing"] .radio-play-icon:before{width:6px;height:6px;border:0;border-left:2px solid #fff;border-right:2px solid #fff;box-sizing:border-box;transform:none}
.habvice-radio-copy{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.1}
.habvice-radio-copy strong{color:#bbbdb9;font-size:9px;letter-spacing:1.25px;text-shadow:1px 1px 0 #000}
.habvice-radio-track{margin-top:4px;overflow:hidden;color:#f0efe9;font-size:10.5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 0 #000}
.habvice-radio-status{margin-top:3px;color:#777a78;font-size:8.5px}
.habvice-radio[data-radio-state="playing"] .habvice-radio-status{color:#76b978}
.habvice-radio-volume{width:55px;display:flex;flex-direction:column;align-items:center;gap:5px}
.habvice-radio-volume svg{width:15px;height:15px;fill:none;stroke:#929592;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter}
.habvice-radio-volume input{width:50px;height:5px;margin:0;appearance:none;-webkit-appearance:none;border:1px solid #090a0a;border-radius:0;outline:0;background:#3b3e3e;box-shadow:inset 1px 1px 0 #171818;cursor:pointer}
.habvice-radio-volume input::-webkit-slider-runnable-track{height:3px;border-radius:0;background:#555958}
.habvice-radio-volume input::-webkit-slider-thumb{width:9px;height:9px;margin-top:-3px;-webkit-appearance:none;border:1px solid #111;border-radius:1px;background:#e16a2c;box-shadow:inset 1px 1px 0 #ffad69}
.habvice-radio-volume input::-moz-range-track{height:3px;border:0;border-radius:0;background:#555958}
.habvice-radio-volume input::-moz-range-thumb{width:8px;height:8px;border:1px solid #111;border-radius:1px;background:#e16a2c;box-shadow:inset 1px 1px 0 #ffad69}
.habvice-radio-expand{position:absolute;z-index:3;right:-25px;top:50%;width:25px;height:28px;padding:0;border:1px solid rgba(190,196,202,.5);border-left:0;border-radius:0 7px 7px 0;background:#1b1c1d;transform:translateY(-50%);cursor:pointer;box-shadow:5px 5px 12px #0006}
.habvice-radio-expand span:before{content:"";display:block;width:7px;height:7px;margin-left:6px;border-top:2px solid #c7ccd0;border-right:2px solid #c7ccd0;transform:rotate(45deg);transition:transform .25s ease,margin .25s ease}
.habvice-radio:not(.is-collapsed) .habvice-radio-expand span:before{margin-left:9px;transform:rotate(-135deg)}
.habvice-radio.is-collapsed{width:54px;height:54px;padding:6px;background:#181a1b;border-color:transparent;border-radius:0;box-shadow:none}
.habvice-radio.is-collapsed .habvice-radio-copy,.habvice-radio.is-collapsed .habvice-radio-volume{width:0;max-width:0;flex:0 0 0;opacity:0;overflow:hidden;pointer-events:none}
.habvice-radio.is-collapsed:hover{width:280px;height:62px;padding:7px;background:#202223;border-color:#090a0a;border-radius:3px;box-shadow:inset 0 0 0 1px #484b4b,3px 4px 0 #0006}
.habvice-radio.is-collapsed:hover .habvice-radio-copy{width:auto;max-width:none;flex:1 1 auto;opacity:1;overflow:hidden;pointer-events:auto}
.habvice-radio.is-collapsed:hover .habvice-radio-volume{width:55px;max-width:55px;flex:0 0 55px;opacity:1;overflow:visible;pointer-events:auto}
.habvice-radio-copy,.habvice-radio-volume{transition:opacity .16s ease .06s}
@media(max-width:700px){.habvice-radio{top:auto;left:10px;bottom:10px;width:260px}.habvice-radio.is-collapsed{width:54px}.habvice-radio-copy{max-width:125px}}

/* HABVICE GÜVEN BİLDİRİMİ */
.guest-page .habvice-trust{position:absolute;z-index:3;right:max(32px,calc((100vw - 1180px)/2));bottom:58px;width:min(49vw,780px);padding:26px 20px;text-align:center;color:#c8c8c8;background:none;box-sizing:border-box;opacity:0;filter:brightness(.35) blur(2px);transform:translateY(16px);text-shadow:0 0 0 transparent;transition:opacity 2.6s ease,filter 3.2s ease,transform 2.8s cubic-bezier(.2,.75,.2,1),text-shadow 3.2s ease;pointer-events:none}
.guest-page .habvice-trust:before{display:none}
.guest-page .habvice-trust.is-visible{opacity:1;filter:brightness(1) blur(0);transform:translateY(0);text-shadow:0 0 18px rgba(255,255,255,.08)}
.guest-page .habvice-trust.is-visible:before{opacity:1;transform:scaleX(1)}
.guest-page .habvice-trust>span{display:block;margin-bottom:8px;color:#f1f1f1;font-size:62px;font-weight:300;line-height:1.05;letter-spacing:-2px}
.guest-page .habvice-trust-logo{display:block;width:min(300px,74%);height:auto;margin:0 auto 8px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.36))}
.guest-page .habvice-trust h2{margin:0 0 13px;color:#f1f1f1;font-size:34px;font-weight:300;letter-spacing:-.8px}
.guest-page .habvice-trust p{max-width:760px;margin:8px auto;color:#aaa;font-size:13px;line-height:1.68}
.guest-page .habvice-trust strong{display:block;margin-top:16px;color:#ddd;font-size:12px;letter-spacing:1.05px}
.guest-page .habvice-trust em{color:#ef7b39;font-style:normal;font-weight:700}
@media(max-width:900px){.guest-page .habvice-trust{right:20px;bottom:35px;width:52vw;padding:20px}.guest-page .habvice-trust h2{font-size:27px}}
@media(max-width:650px){.guest-page .habvice-trust{position:relative;right:auto;bottom:auto;width:auto;margin:500px 18px 20px;padding:20px 12px}.guest-page .habvice-trust h2{font-size:25px}}

/* RETRO CTA BUTONLARI */
.guest-page .habvice-cta button,.guest-page .habvice-cta a{position:relative;overflow:hidden;background-position:center;background-size:contain;background-repeat:no-repeat;font-size:13px;transition:font-size .22s ease,filter .22s ease,box-shadow .22s ease}
.guest-page .habvice-cta button:after,.guest-page .habvice-cta a:after{content:"";position:absolute;z-index:2;top:-70%;bottom:-70%;left:-45%;width:28%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:skewX(-20deg) translateX(0);opacity:0}
.guest-page .habvice-cta button:hover,.guest-page .habvice-cta a:hover{font-size:14px;filter:brightness(1.08)}
.guest-page .habvice-cta button:hover:after,.guest-page .habvice-cta a:hover:after{animation:habvice-cta-shine .58s ease-out}
@keyframes habvice-cta-shine{0%{left:-45%;opacity:0}18%{opacity:.9}100%{left:125%;opacity:0}}
.guest-page .habvice-cta button{color:#fff;background-color:#696b6d;background-image:none;border:1px solid #858789;box-shadow:0 5px 16px #0004;text-shadow:0 1px 2px #0008}
.guest-page .habvice-cta button:hover{background-color:#777a7c}
.guest-page .habvice-cta a{background-color:#43b85c;background-image:none;text-shadow:0 1px 2px #0008}
.guest-page .habvice-nav-actions{gap:16px}
.guest-page .habvice-online{margin-right:0;font-size:12px;font-weight:600;color:#c6c6c6}
.guest-page .habvice-online i{width:8px;height:8px;margin-right:7px}
.guest-page .habvice-nav-actions>a.habvice-discord-link{width:29px;height:34px;padding:0;border:0;border-radius:0;background:transparent}
.guest-page .habvice-nav-actions>a.habvice-discord-link:hover{border:0;background:transparent;transform:translateY(-1px)}
.guest-page .habvice-discord-link img{width:23px;height:26px;opacity:.75;filter:grayscale(1) brightness(.78);transition:opacity .18s ease,filter .18s ease}
.guest-page .habvice-discord-link:hover img,
.guest-page .habvice-discord-link:focus-visible img{opacity:1;filter:none}
.guest-page.beta-mode .habvice-nav-actions>a:not(.habvice-discord-link){margin-left:8px}
.guest-page.beta-mode{
    /* UST MENU MANUEL KONUM AYARLARI: arti saga/asagi, eksi sola/yukari tasir. */
    --habvice-logo-x:120px;
    --habvice-logo-y:5px;
    --habvice-links-x:120px;
    --habvice-links-y:5px;
    --habvice-links-size:14px;
}
.guest-page.beta-mode .habvice-nav>.habvice-logo{
    position:relative;
    left:var(--habvice-logo-x);
    top:var(--habvice-logo-y);
}
.guest-page.beta-mode .habvice-links{
    position:relative;
    left:var(--habvice-links-x);
    top:var(--habvice-links-y);
}
.guest-page.beta-mode .habvice-links a{font-size:var(--habvice-links-size)}
@media(min-width:1400px){
    .guest-page.beta-mode .habvice-nav>.habvice-logo{margin-left:calc(671px - 50vw)}
    .guest-page.beta-mode .habvice-nav-actions{transform:translateX(clamp(88px,6.2vw,122px))}
}
.guest-page .habvice-nav-actions>a:not(.habvice-discord-link){transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s,transform .2s}
.guest-page .habvice-nav-actions>a:not(.habvice-discord-link):hover{color:#fff;border-color:rgba(239,107,36,.75);background:rgba(239,107,36,.08);box-shadow:0 5px 16px rgba(0,0,0,.22);transform:translateY(-2px)}
/* Dikey çizgi — top değerini azaltınca yukarı çıkar */
.guest-page .habvice-entrance-line {
    top: 36% !important;
}

/* KARAKTERLER */
.guest-page .habvice-characters {
    right: 8% !important;
    bottom: 464px !important;
    width: 650px !important;
}

/* ANAHTAR */
.guest-page .habvice-key {
    right: 22.5% !important;
    bottom: 690px !important;
    width: 105px !important;
}
/* HABCITY KONUM AYARI — SADECE BURAYI DEĞİŞTİR */
body.guest-page .habvice-hero .habvice-trust {
    right: 550px !important;
    bottom: 58px !important;
}

body.guest-page,
body.guest-page button,
body.guest-page input,
body.guest-page select,
body.guest-page textarea {
    font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif !important;
}

.guest-page .habvice-intro h1,
.guest-page .habvice-trust h2 {
    font-family: "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
    font-weight: 600;
    letter-spacing: -0.8px;
}

.guest-page .habvice-intro p,
.guest-page .habvice-trust p {
    font-weight: 400;
}

/* Habvice login and registration screens */
.guest-page .login-card:target{position:fixed;z-index:90;inset:0;width:auto;min-height:100vh;padding:clamp(36px,8vh,86px) 24px 30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;border:0;border-radius:0;background:rgba(22,23,24,.78);box-shadow:none;opacity:1;transform:none;pointer-events:auto;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important}
.guest-page .login-card:target:before,.guest-page #register-dialog:before{content:"";position:fixed;z-index:-2;inset:-14px;background:url("/assets/habvice-auth-background.png?v=1") center/cover no-repeat;filter:blur(6px);transform:scale(1.025)}
.guest-page .login-card:target:after,.guest-page #register-dialog:after{content:"";position:fixed;z-index:-1;inset:0;background:rgba(19,20,21,.7)}
.guest-page .login-card:target .habvice-auth-logo,.guest-page #register-dialog .habvice-auth-logo{display:block;width:150px;max-height:62px;margin:0 auto 25px;object-fit:contain}
.guest-page .login-card:not(:target) .habvice-auth-logo,.guest-page .login-card:not(:target) .habvice-auth-back{display:none}
.guest-page .login-card:target .login-heading{width:min(280px,100%);padding:0;border:0;text-align:center}
.guest-page .login-card:target .login-heading h2{margin:0 0 7px;color:#f5f5f5;font-family:inherit!important;font-size:25px;font-weight:650;text-shadow:none}
.guest-page .login-card:target .login-heading h2:after{content:"Hesabın var mı? Hemen giriş yap.";display:block;margin-top:6px;color:#969696;font-size:13px;font-weight:400}
.guest-page .login-card:target form,.guest-page .login-card:target .divider,.guest-page .login-card:target .register-toggle,.guest-page .login-card:target .discord-row,.guest-page .login-card:target .habvice-auth-back,.guest-page .login-card:target .notice{width:min(280px,100%)}
.guest-page .login-card:target form{gap:13px;margin-top:28px}
.guest-page .login-card:target label,.guest-page #register-dialog label{color:#d2d2d2;text-align:center;font-size:10px;text-transform:uppercase}
.guest-page .login-card:target .input-wrap,.guest-page #register-dialog .register-input{height:43px;margin-top:7px;border:1px solid rgba(255,255,255,.08);border-radius:2px;background:rgba(13,14,15,.48);box-shadow:inset 0 2px 8px rgba(0,0,0,.22)}
.guest-page .login-card:target .input-wrap>span,.guest-page #register-dialog .register-input>img,.guest-page #register-dialog .register-input>span{display:none}
.guest-page .login-card:target .input-wrap input,.guest-page #register-dialog .register-input input{padding:0 13px;color:#eee!important;text-align:left}
.guest-page .login-card:target .form-options{display:none}
.guest-page .login-card:target .primary-button,.guest-page #register-dialog .step-next,.guest-page #register-dialog .step-submit{height:43px;border:1px solid rgba(255,255,255,.14);border-radius:2px;color:#fff;background:#43bf5e;box-shadow:none;text-shadow:none}
.guest-page .login-card:target .primary-button span{display:none}
.guest-page .login-card:target .divider{height:17px;margin:0 0 12px}.guest-page .login-card:target .divider span{display:none}
.guest-page .login-card:target .register-toggle{height:39px;margin:0;border:0;border-radius:2px;color:#fff;background:#bd5045;box-shadow:none}
.guest-page .login-card:target .discord-row{display:none}
.guest-page .habvice-auth-back{margin-top:9px;color:#8d8d8d;text-align:center;text-decoration:none;font-size:11px}
.guest-page #register-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;overflow-y:auto;border:0;border-radius:0;color:#eee;background:rgba(22,23,24,.78);font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important}
.guest-page #register-dialog::backdrop{background:#18191a}
.guest-page #register-form{width:min(330px,calc(100% - 36px));margin:0 auto;padding:clamp(36px,7vh,72px) 0 30px}
.guest-page #register-dialog .dialog-close{position:fixed;top:20px;right:24px;color:#aaa;background:transparent;border:0;font-size:25px}
.guest-page #register-dialog .register-step h2{margin:0 0 6px;color:#f5f5f5;font-family:inherit;font-size:25px;font-weight:650;text-align:center}
.guest-page #register-dialog .register-step>p{margin:0 0 24px;color:#969696;text-align:center}
.guest-page #register-dialog .step-progress{margin-bottom:22px}
.guest-page #register-dialog .step-progress i{background:rgba(255,255,255,.08)}
.guest-page #register-dialog .step-progress i:first-child,.guest-page #register-dialog .step-progress i.done{background:#43bf5e}
.guest-page #register-dialog .step-actions{grid-template-columns:90px 1fr}
.guest-page #register-dialog .step-actions>button:first-child,.guest-page #register-dialog .back-login{border:1px solid rgba(255,255,255,.12);border-radius:2px;color:#ccc;background:rgba(15,16,17,.45)}
.guest-page #register-dialog .register-divider{border:0;margin-bottom:10px}.guest-page #register-dialog .register-divider span{display:none}
@media(max-width:650px){.guest-page .login-card:target{left:0;right:0;top:0;padding-top:54px}}

/* Keep the authentication overlay viewport-sized and never expose the legacy card. */
body.guest-page:has(.login-card:target){overflow:hidden!important}
body.guest-page:has(.login-card:target) .habvice-page>.habvice-header,
body.guest-page:has(#register-dialog[open]) .habvice-page>.habvice-header{display:none!important}
.guest-page .login-card:not(:target){display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}
.guest-page .login-card:target{box-sizing:border-box;height:100vh;height:100dvh;min-height:0;padding-top:clamp(105px,13vh,140px);padding-bottom:24px;overflow:hidden}
@media(max-height:720px){.guest-page .login-card:target{padding-top:58px;overflow-y:auto}}
@media(max-width:650px){.guest-page .login-card:target{padding-top:82px}}

/* Shared navigation and footer for login/register screens. */
.guest-page .login-card:not(:target) .habvice-auth-nav,
.guest-page .login-card:not(:target) .habvice-auth-footer{display:none!important}
.guest-page .habvice-auth-nav{position:fixed;z-index:4;left:50%;top:0;width:min(980px,calc(100% - 48px));height:82px;display:flex;align-items:center;gap:40px;transform:translateX(-50%);box-sizing:border-box}
.guest-page .habvice-auth-nav-logo{width:150px;line-height:0}.guest-page .habvice-auth-nav-logo img{display:block;width:100%;height:auto}
.guest-page .habvice-auth-nav>div{display:flex;align-items:center;gap:27px}
.guest-page .habvice-auth-nav a{color:#a7a7a7;text-decoration:none;font-size:12px;font-weight:650}.guest-page .habvice-auth-nav a:hover,.guest-page .habvice-auth-nav>div a:first-child{color:#fff}
.guest-page .habvice-auth-online{margin-left:auto;color:#aaa;font-size:11px;font-weight:600}.guest-page .habvice-auth-online i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#44d071;box-shadow:0 0 8px #44d071}
.guest-page .habvice-auth-footer{position:fixed;z-index:4;left:0;right:0;bottom:0;height:88px;padding:14px max(24px,calc((100vw - 880px)/2));display:grid;grid-template-columns:repeat(4,1fr);gap:42px;box-sizing:border-box;border-top:1px solid rgba(255,255,255,.07);background:rgba(13,14,15,.78);backdrop-filter:blur(7px)}
.guest-page .habvice-auth-footer section{display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px 12px}.guest-page .habvice-auth-footer b{width:100%;color:#ddd;font-size:10px;text-transform:uppercase;letter-spacing:1px}.guest-page .habvice-auth-footer a{color:#888;text-decoration:none;font-size:10px}.guest-page .habvice-auth-footer a:hover{color:#eee}

/* Registration stays inside the viewport; the content sits below the shared nav. */
body.guest-page:has(#register-dialog[open]){overflow:hidden!important}
.guest-page #register-dialog{box-sizing:border-box;overflow:hidden}
.guest-page #register-form{box-sizing:border-box;height:calc(100vh - 88px);height:calc(100dvh - 88px);padding-top:clamp(120px,14vh,155px);padding-bottom:14px;overflow:hidden}
.guest-page #register-dialog .dialog-close{z-index:8;top:25px}

@media(max-height:800px){
    .guest-page #register-form{padding-top:88px}
    .guest-page #register-dialog .habvice-auth-logo{width:128px;margin-bottom:12px}
    .guest-page #register-dialog .register-step>p{margin-bottom:14px}
    .guest-page #register-dialog .step-progress{margin-bottom:14px}
    .guest-page #register-dialog .register-step>label{margin-bottom:9px}
    .guest-page #register-dialog .register-input{height:39px}
}
@media(max-height:720px){.guest-page .login-card:target{padding-top:82px;overflow:hidden}}
@media(max-width:650px){
    .guest-page .habvice-auth-nav{width:calc(100% - 30px);height:68px}.guest-page .habvice-auth-nav-logo{width:125px}.guest-page .habvice-auth-nav>div{display:none}
    .guest-page .habvice-auth-footer{height:72px;padding:11px 15px;grid-template-columns:1fr 1fr;gap:7px 22px}.guest-page .habvice-auth-footer section:nth-child(n+3){display:none}
    .guest-page #register-form{height:calc(100dvh - 72px);padding-top:88px}
}

html{scroll-behavior:smooth}
.guest-page #news{scroll-margin-top:24px}

/* Daha yumuşak ve retro ana sayfa tipografisi */
.guest-page .habvice-intro h1,
.guest-page .habvice-trust h2{font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.55px!important}
.guest-page .habvice-intro p,
.guest-page .habvice-trust p,
.guest-page .habvice-trust strong{font-family:"Trebuchet MS",Verdana,Arial,sans-serif!important;letter-spacing:.05px}
.guest-page .habvice-cta button,
.guest-page .habvice-cta a{font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif!important;font-weight:700;letter-spacing:.1px}
@media(max-width:650px){.guest-page .habvice-trust-logo{width:min(250px,82%)}}

/* Yatay ve kompakt haber alanı — diagonal bölünmüş arka plan */
.guest-page .habvice-about{position:relative;isolation:isolate;max-width:none;padding:56px 24px 66px;overflow:hidden;background:#181a1b}
.guest-page .habvice-about:before{content:"";position:absolute;z-index:-2;inset:0;background:#151718;clip-path:url(#habvice-news-curve)}
.guest-page .habvice-about:after{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,rgba(239,107,36,.52),rgba(239,107,36,.18),transparent);transform:translateX(calc(55vw + (72vw - 55vw) * var(--about-progress,0)));display:none}
.guest-page .habvice-about h2{margin:10px 0 6px;font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;font-size:31px;font-weight:700}
.guest-page .habvice-about>p{font-family:"Trebuchet MS",Verdana,Arial,sans-serif;font-size:13px}
.guest-page .habvice-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1180px;margin:32px auto 0;text-align:left}
.guest-page .habvice-news-card{position:relative;min-width:0;min-height:168px;display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid #3d4042;border-radius:8px;background:linear-gradient(145deg,#26282a,#1d1f21);box-shadow:0 10px 24px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.035);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.guest-page .habvice-news-card:hover{transform:translateY(-3px);border-color:#62666a;box-shadow:0 14px 28px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.055)}
.guest-page .habvice-news-card.habvice-news-featured{border-color:#8a542f;background:linear-gradient(145deg,#302720,#211f1e)}
.guest-page .habvice-news-visual{height:100%;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.16));border-right:1px solid rgba(255,255,255,.07)}
.guest-page .habvice-news-visual img{display:block;width:112px;height:112px;object-fit:contain;image-rendering:auto}
.guest-page .habvice-news-copy{min-width:0;padding:15px 14px 14px}
.guest-page .habvice-news-copy>b{display:block;color:#ef7b39;font-size:9px;letter-spacing:1px}
.guest-page .habvice-news-copy h3{margin:7px 0 6px;color:#f1f1f1;font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;font-size:16px;line-height:1.18}
.guest-page .habvice-news-copy p{margin:0;color:#aeb0b2;font-family:"Trebuchet MS",Verdana,Arial,sans-serif;font-size:11px;line-height:1.45}
.guest-page .habvice-news-badge{display:inline-block;margin-top:9px;padding:4px 7px;border:1px solid rgba(239,123,57,.5);border-radius:3px;color:#f49a63;background:rgba(239,107,36,.08);font-size:8px;font-weight:700;letter-spacing:.7px}
@media(max-width:900px){.guest-page .habvice-news-grid{grid-template-columns:1fr}.guest-page .habvice-news-card{min-height:150px}.guest-page .habvice-news-visual img{width:96px;height:96px}}

/* Tek kartli, sonsuz haber akisi */
.guest-page .habvice-news-carousel{
    position:relative;
    width:min(920px,100%);
    height:190px;
    margin:32px auto 0;
}
.guest-page .habvice-about h2,
.guest-page .habvice-about>p,
.guest-page .habvice-news-carousel .habvice-news-copy{
    font-family:"Comic Sans MS",ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",sans-serif;
}
.guest-page .habvice-about h2{
    font-size:30px;
    font-weight:700;
    letter-spacing:-.7px;
}
.guest-page .habvice-about>p{
    font-size:12px;
    letter-spacing:.05px;
}
.guest-page .habvice-news-carousel .habvice-news-copy>b{
    font-family:inherit;
    letter-spacing:.8px;
}
.guest-page .habvice-news-carousel .habvice-news-copy h3{
    font-family:inherit;
    font-size:16px;
    font-weight:700;
    letter-spacing:-.25px;
}
.guest-page .habvice-news-carousel .habvice-news-copy p{
    font-family:inherit;
    font-size:11px;
    line-height:1.5;
}
.guest-page .habvice-news-carousel .habvice-news-badge{
    font-family:inherit;
}
.guest-page .habvice-news-carousel .habvice-news-grid{
    position:relative;
    display:block;
    width:100%;
    max-width:none;
    height:190px;
    margin:0;
    overflow:hidden;
}
.guest-page .habvice-news-carousel .habvice-news-card{
    position:absolute;
    top:0;
    left:50%;
    width:min(720px,calc(100% - 104px));
    height:180px;
    min-height:180px;
    grid-template-columns:174px minmax(0,1fr);
    opacity:0;
    pointer-events:none;
    transform:translateX(-175%);
    transition:
        transform .5s cubic-bezier(.22,.75,.2,1),
        opacity .25s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}
.guest-page .habvice-news-carousel .habvice-news-visual img{
    width:150px;
    height:150px;
    max-width:calc(100% - 16px);
    max-height:calc(100% - 16px);
    object-fit:contain;
}
.guest-page .habvice-news-carousel .habvice-news-card.is-active{
    z-index:2;
    opacity:1;
    pointer-events:auto;
    transform:translateX(-50%);
}
.guest-page .habvice-news-carousel .habvice-news-card.is-active:hover{
    transform:translateX(-50%);
}
.guest-page .habvice-news-carousel .habvice-news-card.is-exiting-right{
    z-index:1;
    opacity:0;
    transform:translateX(75%);
}
.guest-page .habvice-news-carousel .habvice-news-card.is-exiting-left{
    z-index:1;
    opacity:0;
    transform:translateX(-175%);
}
.guest-page .habvice-news-carousel .habvice-news-card.is-preparing-left{
    opacity:0;
    transform:translateX(-175%);
    transition:none;
}
.guest-page .habvice-news-carousel .habvice-news-card.is-preparing-right{
    opacity:0;
    transform:translateX(75%);
    transition:none;
}
.guest-page .habvice-news-arrow{
    position:absolute;
    z-index:5;
    top:50%;
    width:38px;
    height:54px;
    padding:0 0 4px;
    border:1px solid #666a6d;
    border-radius:5px;
    color:#f2f2f2;
    background:rgba(28,30,32,.92);
    box-shadow:0 5px 14px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08);
    font:700 34px/46px Arial,sans-serif;
    cursor:pointer;
    opacity:0;
    pointer-events:none;
    transform:translateY(-50%) scale(.92);
    transition:opacity .18s ease,transform .18s ease,background .18s ease,border-color .18s ease;
}
.guest-page .habvice-news-prev{left:20px}
.guest-page .habvice-news-next{right:20px}
.guest-page .habvice-news-carousel:hover .habvice-news-arrow,
.guest-page .habvice-news-carousel:focus-within .habvice-news-arrow{
    opacity:1;
    pointer-events:auto;
    transform:translateY(-50%) scale(1);
}
.guest-page .habvice-news-arrow:hover,
.guest-page .habvice-news-arrow:focus-visible{
    color:#fff;
    background:#ef6b24;
    border-color:#f2a170;
    outline:none;
}
@media(max-width:900px){
    .guest-page .habvice-news-carousel,
    .guest-page .habvice-news-carousel .habvice-news-grid{height:206px}
    .guest-page .habvice-news-carousel .habvice-news-card{
        width:calc(100% - 68px);
        height:196px;
        min-height:196px;
    }
    .guest-page .habvice-news-prev{left:0}
    .guest-page .habvice-news-next{right:0}
}
@media(max-width:560px){
    .guest-page .habvice-news-carousel,
    .guest-page .habvice-news-carousel .habvice-news-grid{height:278px}
    .guest-page .habvice-news-carousel .habvice-news-card{
        width:calc(100% - 58px);
        height:268px;
        min-height:268px;
        grid-template-columns:1fr;
        grid-template-rows:108px minmax(0,1fr);
    }
    .guest-page .habvice-news-carousel .habvice-news-visual{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.07);
    }
    .guest-page .habvice-news-carousel .habvice-news-visual img{width:88px;height:88px}
}

/* Habvice footer */
.guest-page .site-footer{
    overflow:hidden;
    border-top:1px solid rgba(239,107,36,.72)!important;
    background:
        radial-gradient(circle at 13% 0,rgba(239,107,36,.12),transparent 32%),
        linear-gradient(180deg,#111d25 0%,#09141c 100%)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.guest-page .site-footer-inner{
    width:min(1120px,calc(100% - 48px));
    padding:42px 0 34px;
    grid-template-columns:300px minmax(0,1fr);
    gap:76px;
}
.guest-page .site-footer .footer-identity{
    position:relative;
    padding-right:38px;
    border-right:1px solid rgba(239,107,36,.2);
}
.guest-page .site-footer .footer-brand{
    align-items:center;
    gap:12px;
    margin-bottom:14px;
    text-decoration:none;
}
.guest-page .site-footer .footer-brand .brand-avatar{
    display:block;
    width:48px!important;
    height:48px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 4px 7px rgba(239,107,36,.24));
}
.guest-page .site-footer .footer-brand span{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.guest-page .site-footer .footer-brand strong{
    color:#ff7431;
    font:800 22px/1 "Arial Rounded MT Bold","Trebuchet MS",sans-serif;
    letter-spacing:2px;
    text-shadow:0 2px 4px #000;
}
.guest-page .site-footer .footer-brand small{
    color:#889da8;
    font:700 8px/1 "Trebuchet MS",sans-serif;
    letter-spacing:3px;
    text-transform:uppercase;
}
.guest-page .site-footer .footer-identity p{
    max-width:250px;
    margin:0 0 17px;
    color:#93a6b0;
    font:11px/1.7 "Trebuchet MS",sans-serif;
}
.guest-page .site-footer .footer-credit{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    border:1px solid rgba(239,107,36,.22);
    border-left:3px solid #ef6b24;
    border-radius:0 5px 5px 0;
    background:rgba(239,107,36,.07);
    color:#91a5af;
}
.guest-page .site-footer .footer-credit b{color:#ff945e}
.guest-page .site-footer .footer-credit i{
    width:3px;
    height:3px;
    border-radius:50%;
    background:#ef6b24;
    box-shadow:0 0 6px #ef6b24;
}
.guest-page .site-footer .footer-columns{gap:34px}
.guest-page .site-footer .footer-columns h3{
    color:#ff7b3b;
    font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;
    letter-spacing:.7px;
}
.guest-page .site-footer .footer-columns h3:after{
    width:32px;
    height:2px;
    background:linear-gradient(90deg,#ef6b24,transparent);
}
.guest-page .site-footer .footer-columns a{
    color:#9fb0b9;
    font-family:"Trebuchet MS",sans-serif;
}
.guest-page .site-footer .footer-columns a:hover{
    color:#ff9967;
    transform:translateX(3px);
}
.guest-page .site-footer .footer-bottom{
    border-top:1px solid rgba(239,107,36,.12);
    background:rgba(3,9,13,.34);
    color:#718792;
}
@media(max-width:850px){
    .guest-page .site-footer-inner{grid-template-columns:1fr;gap:30px}
    .guest-page .site-footer .footer-identity{
        padding-right:0;
        padding-bottom:26px;
        border-right:0;
        border-bottom:1px solid rgba(239,107,36,.2);
    }
}

/* Haber alanindaki yumusak tipografinin ana ekrana uyarlanmasi */
.guest-page .habvice-intro,
.guest-page .habvice-intro p,
.guest-page .habvice-trust,
.guest-page .habvice-trust p,
.guest-page .habvice-trust strong{
    font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif!important;
}
.guest-page .habvice-intro h1,
.guest-page .habvice-trust h2,
.guest-page .habvice-cta button,
.guest-page .habvice-cta a{
    font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif!important;
}
.guest-page .habvice-intro h1,
.guest-page .habvice-trust h2{
    letter-spacing:-.45px!important;
}
.guest-page .habvice-intro p,
.guest-page .habvice-trust p{
    letter-spacing:.02px!important;
}

/* Daha sicak, oyun arayuzu hissinde Habvice alt alani */
.guest-page .site-footer{
    border-top:2px solid #d85d24!important;
    background:
        radial-gradient(circle at 18% 15%,rgba(255,125,55,.14),transparent 28%),
        radial-gradient(circle at 82% 110%,rgba(88,47,35,.22),transparent 32%),
        linear-gradient(135deg,rgba(255,255,255,.018) 25%,transparent 25%) 0 0/18px 18px,
        linear-gradient(315deg,rgba(255,255,255,.014) 25%,transparent 25%) 0 0/18px 18px,
        linear-gradient(180deg,#242321 0%,#181a1b 100%)!important;
    color:#eee7df;
}
.guest-page .site-footer-inner{
    width:min(1100px,calc(100% - 42px));
    padding:34px 0 30px;
    grid-template-columns:280px minmax(0,1fr);
    gap:34px;
}
.guest-page .site-footer .footer-identity{
    padding:18px 24px;
    border:1px solid rgba(255,160,105,.2);
    border-radius:10px;
    background:linear-gradient(145deg,rgba(54,49,45,.78),rgba(31,31,30,.72));
    box-shadow:0 8px 22px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04);
}
.guest-page .site-footer .footer-brand{margin-bottom:12px}
.guest-page .site-footer .footer-brand .brand-avatar{
    width:43px!important;
    height:43px!important;
    filter:drop-shadow(0 3px 5px rgba(0,0,0,.45));
}
.guest-page .site-footer .footer-brand strong{
    color:#ff8247;
    font:800 21px/1 "Arial Rounded MT Bold","Trebuchet MS",sans-serif;
    letter-spacing:1px;
}
.guest-page .site-footer .footer-brand small{
    color:#d2b5a5;
    font:700 8px/1 "Trebuchet MS",sans-serif;
    letter-spacing:1.8px;
}
.guest-page .site-footer .footer-identity p{
    color:#c6bcb5;
    font:11px/1.65 "Trebuchet MS",sans-serif;
}
.guest-page .site-footer .footer-credit{
    border-color:rgba(255,137,75,.32);
    border-left-color:#ff7133;
    background:#2a2725;
    color:#cbbfb7;
    font-family:"Trebuchet MS",sans-serif;
    box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.guest-page .site-footer .footer-credit b{color:#ff9360}
.guest-page .site-footer .footer-columns{
    grid-template-columns:repeat(4,minmax(120px,1fr));
    gap:12px;
}
.guest-page .site-footer .footer-columns section{
    gap:7px;
    min-height:122px;
    padding:17px 16px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:9px;
    background:linear-gradient(155deg,rgba(58,57,55,.62),rgba(33,34,34,.56));
    box-shadow:0 7px 18px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.035);
}
.guest-page .site-footer .footer-columns h3{
    margin:0 0 5px;
    padding-bottom:9px;
    color:#ffd0b8;
    font:700 11px/1 "Arial Rounded MT Bold","Trebuchet MS",sans-serif;
    letter-spacing:.15px;
    text-transform:none;
}
.guest-page .site-footer .footer-columns h3:after{
    width:34px;
    height:2px;
    border-radius:2px;
    background:linear-gradient(90deg,#ff7133,#ffbd91);
}
.guest-page .site-footer .footer-columns a{
    position:relative;
    padding:4px 5px 4px 13px;
    border-radius:4px;
    color:#bdb5af;
    font:10px/1.2 "Trebuchet MS",sans-serif;
}
.guest-page .site-footer .footer-columns a:before{
    content:"";
    position:absolute;
    left:3px;
    top:8px;
    width:4px;
    height:4px;
    border-radius:1px;
    background:#8c7770;
    transform:rotate(45deg);
}
.guest-page .site-footer .footer-columns a:hover{
    color:#fff1e8;
    background:rgba(255,113,51,.12);
    transform:translateX(2px);
}
.guest-page .site-footer .footer-columns a:hover:before{
    background:#ff7133;
    box-shadow:0 0 5px #ff7133;
}
.guest-page .site-footer .footer-bottom{
    padding-top:12px;
    padding-bottom:12px;
    border-top:1px solid rgba(255,143,87,.17);
    background:rgba(15,14,14,.5);
    color:#887d76;
    font-family:"Trebuchet MS",sans-serif;
}
@media(max-width:850px){
    .guest-page .site-footer .footer-identity{
        padding:18px 20px;
        border:1px solid rgba(255,160,105,.2);
    }
    .guest-page .site-footer .footer-columns{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
    .guest-page .site-footer-inner{width:min(100% - 26px,1100px)}
    .guest-page .site-footer .footer-columns{grid-template-columns:1fr}
}

/* Ince, gri ve ust menudeki logoyla ayni footer */
.guest-page .site-footer{
    border-top:1px solid #555!important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.018) 25%,transparent 25%) 0 0/18px 18px,
        linear-gradient(315deg,rgba(255,255,255,.012) 25%,transparent 25%) 0 0/18px 18px,
        linear-gradient(180deg,#303031 0%,#242526 100%)!important;
}
.guest-page .site-footer-inner{
    padding:20px 0 18px;
    grid-template-columns:245px minmax(0,1fr);
    gap:22px;
}
.guest-page .site-footer .footer-identity{
    padding:11px 15px;
    border-color:rgba(255,255,255,.1);
    background:linear-gradient(145deg,rgba(65,65,66,.72),rgba(42,43,44,.72));
    box-shadow:0 5px 14px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035);
}
.guest-page .site-footer .footer-brand{
    width:auto;
    height:38px;
    margin:0 0 7px;
    gap:0;
}
.guest-page .site-footer .footer-brand img.habvice-logo-mark{
    display:block;
    width:40px;
    height:40px;
    flex:0 0 40px;
    object-fit:contain;
}
.guest-page .site-footer .footer-script-name{
    margin-left:-5px;
    color:#eee;
    font-family:"Segoe Script","Brush Script MT","Segoe UI",cursive;
    font-size:25px;
    font-weight:500;
    line-height:1;
    letter-spacing:-1.8px;
    text-shadow:0 1px 2px rgba(0,0,0,.55);
}
.guest-page .site-footer .footer-identity p{
    margin-bottom:8px;
    color:#c3c3c3;
    font-size:10px;
    line-height:1.45;
}
.guest-page .site-footer .footer-credit{
    padding:5px 9px;
    border-color:rgba(255,255,255,.12);
    border-left-color:#ef6b24;
    background:rgba(25,25,25,.36);
}
.guest-page .site-footer .footer-columns{gap:9px}
.guest-page .site-footer .footer-columns section{
    min-height:88px;
    padding:11px 12px;
    gap:3px;
    border-color:rgba(255,255,255,.085);
    background:linear-gradient(155deg,rgba(70,70,71,.58),rgba(43,44,45,.56));
    box-shadow:0 4px 12px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.025);
}
.guest-page .site-footer .footer-columns h3{
    margin-bottom:2px;
    padding-bottom:7px;
    color:#e8e3df;
    font-size:10px;
}
.guest-page .site-footer .footer-columns h3:after{
    height:1px;
    background:linear-gradient(90deg,#ef6b24,transparent);
}
.guest-page .site-footer .footer-columns a{
    padding-top:3px;
    padding-bottom:3px;
    color:#bebebe;
    font-size:9px;
}
.guest-page .site-footer .footer-bottom{
    padding-top:8px;
    padding-bottom:8px;
    border-top-color:rgba(255,255,255,.08);
    background:rgba(17,17,18,.38);
}

/* Bes esit footer kutusu ve alt seritte yapimci imzasi */
.guest-page .site-footer-inner{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:9px;
}
.guest-page .site-footer .footer-columns{display:contents}
.guest-page .site-footer .footer-identity,
.guest-page .site-footer .footer-columns section{
    width:auto;
    height:118px;
    min-height:118px;
    box-sizing:border-box;
}
.guest-page .site-footer .footer-identity{
    padding:11px 12px;
}
.guest-page .site-footer .footer-bottom{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
}
.guest-page .site-footer .footer-bottom>span:last-child{text-align:right}
.guest-page .site-footer .footer-bottom .footer-credit{
    display:inline-flex;
    padding:0 14px;
    border:0;
    background:none;
    box-shadow:none;
    color:#91857e;
}
@media(max-width:850px){
    .guest-page .site-footer-inner{grid-template-columns:1fr}
    .guest-page .site-footer .footer-columns{
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }
    .guest-page .site-footer .footer-identity,
    .guest-page .site-footer .footer-columns section{
        height:auto;
        min-height:100px;
    }
}
@media(max-width:520px){
    .guest-page .site-footer .footer-columns{grid-template-columns:1fr}
    .guest-page .site-footer .footer-bottom{
        display:flex;
        flex-direction:column;
        text-align:center;
    }
    .guest-page .site-footer .footer-bottom>span:last-child{text-align:center}
}

/* Yalnizca footer icin hafif bulanik anma arka plani */
.guest-page .site-footer{
    position:relative;
    isolation:isolate;
    background:#292a2b!important;
}
.guest-page .site-footer:before{
    content:"";
    position:absolute;
    z-index:-2;
    inset:0;
    background:
        #131313
        url("/assets/habvice-footer-background-right.png?v=1")
        right center/auto 100% no-repeat;
    filter:blur(1px);
    transform:none;
    opacity:.84;
    pointer-events:none;
}
.guest-page .site-footer:after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:linear-gradient(90deg,rgba(40,41,42,.74),rgba(34,35,36,.58) 55%,rgba(28,29,30,.38));
    pointer-events:none;
}
.guest-page .site-footer-inner,
.guest-page .site-footer .footer-bottom{
    position:relative;
    z-index:1;
}

/* Login ve kayit ekranlarini ana sayfadaki marka/footer ile eslestir. */
.guest-page .habvice-auth-brand,
.guest-page .habvice-auth-logo{
    display:flex!important;
    align-items:center;
    width:auto!important;
    max-height:none!important;
    color:#eee;
    text-decoration:none;
}
.guest-page .habvice-auth-brand .habvice-logo-mark,
.guest-page .habvice-auth-logo .habvice-logo-mark{
    display:block;
    width:50px;
    height:50px;
    object-fit:contain;
}
.guest-page .habvice-auth-brand span,
.guest-page .habvice-auth-logo span{
    margin-left:-7px;
    color:#eee;
    font-family:"Segoe Script","Brush Script MT","Segoe UI",cursive;
    font-size:31px;
    font-weight:500;
    line-height:1;
    letter-spacing:-2px;
    text-shadow:0 2px 3px #000;
}
.guest-page .habvice-auth-logo{
    justify-content:center;
    margin:0 auto 25px!important;
}
.guest-page .login-card:target>.habvice-auth-logo{
    visibility:hidden;
    height:50px;
    margin-bottom:15px!important;
    pointer-events:none;
}
.guest-page .auth-site-footer{
    position:fixed!important;
    z-index:5;
    left:0;
    right:0;
    bottom:0;
    width:100%;
}
.guest-page .auth-site-footer .site-footer-inner{
    width:min(1100px,calc(100% - 40px));
}
.guest-page .login-card:target{
    padding-bottom:185px;
}
.guest-page #register-form{
    height:calc(100vh - 175px);
    height:calc(100dvh - 175px);
}
@media(max-width:850px){
    .guest-page .auth-site-footer .site-footer-inner{display:none}
    .guest-page .auth-site-footer .footer-bottom{min-height:48px}
    .guest-page .login-card:target{padding-bottom:58px}
    .guest-page #register-form{height:calc(100dvh - 48px)}
}

/* Yeni ana giriş sahnesi: üst menü korunur, gri otel görünümü soldadır. */
.guest-page .habvice-hero{
    min-height:100vh!important;
    isolation:isolate;
    background:#181a1b!important;
}
.guest-page .habvice-hero::before{
    inset:0!important;
    background:#181a1b!important;
    filter:none!important;
    transform:none!important;
}
.guest-page .habvice-hero>.habvice-landing-hotel-left{
    position:absolute;
    z-index:1;
    left:-28px;
    bottom:0;
    display:block;
    width:min(850px,62vw);
    aspect-ratio:484/463;
    pointer-events:none;
    background:none;
    opacity:.86;
    transform:scaleX(-1);
    transform-origin:center;
}
.guest-page .habvice-hero>.habvice-landing-hotel-left::before{
    content:"";
    position:absolute;
    inset:0;
    background:url('/assets/habvice-auth-hotel-left.png?v=2') right bottom/contain no-repeat;
    filter:grayscale(1) brightness(.48) contrast(1.12);
}
.guest-page .habvice-hero>.habvice-landing-hotel-left::after{
    content:"";
    position:absolute;
    z-index:2;
    left:76.3%;
    top:21.5%;
    width:9px;
    height:9px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.6) 0 14%,rgba(255,255,255,.27) 30%,rgba(255,255,255,.08) 52%,rgba(255,255,255,0) 76%);
    box-shadow:0 0 5px rgba(255,255,255,.58),0 0 12px rgba(255,255,255,.36),0 0 24px rgba(255,255,255,.14);
    filter:blur(.45px);
    opacity:0;
    transform:translate(-50%,-50%) scale(.35);
    animation:habvice-antenna-flash 20s linear infinite;
}
@keyframes habvice-antenna-flash{
    0%,94%{opacity:0;transform:translate(-50%,-50%) scale(.35)}
    95.5%{opacity:.28;transform:translate(-50%,-50%) scale(.7)}
    96.7%{opacity:.7;transform:translate(-50%,-50%) scale(1)}
    97.75%{opacity:.56;transform:translate(-50%,-50%) scale(1.7)}
    100%{opacity:0;transform:translate(-50%,-50%) scale(.35)}
}
.guest-page .habvice-hero>.habvice-motion-gallery{
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    bottom:0;
    width:min(1460px,76vw);
    overflow:hidden;
    pointer-events:none;
    /* Kavis görünür kalsın; üstte siyah bir blok oluşturmasın. */
    background:rgba(38,40,41,.92);
    clip-path:url(#habvice-hero-curve);
    opacity:.48;
    filter:saturate(.72) brightness(.72);
}
.guest-page .habvice-gallery-columns{
    position:absolute;
    inset:-12% 6% -12% 28%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    overflow:hidden;
}
.guest-page .habvice-gallery-column{
    min-width:0;
    overflow:hidden;
}
.guest-page .habvice-gallery-track{
    display:flex;
    flex-direction:column;
    will-change:transform;
    animation:habvice-gallery-scroll 50s linear infinite;
}
.guest-page .habvice-gallery-column-2 .habvice-gallery-track{
    animation-duration:50s;
    animation-direction:reverse;
}
.guest-page .habvice-gallery-column-3 .habvice-gallery-track{
    animation-duration:50s;
}
.guest-page .habvice-gallery-column-4 .habvice-gallery-track{
    animation-duration:50s;
    animation-direction:reverse;
}
.guest-page .habvice-gallery-set{
    display:grid;
    gap:10px;
    padding-bottom:10px;
}
.guest-page .habvice-gallery-card{
    position:relative;
    display:block;
    aspect-ratio:1/1.05;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    background:#0b0d0e;
    box-shadow:0 9px 24px rgba(0,0,0,.34);
}
.guest-page .habvice-gallery-card>img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.guest-page .habvice-gallery-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.22);
}
@keyframes habvice-gallery-scroll{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(0,-50%,0)}
}
.guest-page .habvice-hero>.habvice-landing-characters{
    position:absolute;
    z-index:2;
    right:7.5%;
    bottom:27.5%;
    display:block;
    width:min(620px,47vw);
    height:auto;
    pointer-events:none;
    object-fit:contain;
    filter:none;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 64%,rgba(0,0,0,.96) 68%,rgba(0,0,0,.86) 72%,rgba(0,0,0,.68) 76%,rgba(0,0,0,.45) 81%,rgba(0,0,0,.22) 86%,rgba(0,0,0,.07) 91%,transparent 94%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 64%,rgba(0,0,0,.96) 68%,rgba(0,0,0,.86) 72%,rgba(0,0,0,.68) 76%,rgba(0,0,0,.45) 81%,rgba(0,0,0,.22) 86%,rgba(0,0,0,.07) 91%,transparent 94%,transparent 100%);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
}
.guest-page .habvice-hero>.habvice-landing-key{
    position:absolute;
    z-index:4;
    top:29%;
    right:17.8%;
    display:block;
    width:204px;
    aspect-ratio:1;
    pointer-events:none;
    animation:habvice-key-float 2.1s ease-in-out infinite alternate;
}
.guest-page .habvice-hero>.habvice-landing-key:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:12%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,210,47,.72) 0%,rgba(255,181,18,.34) 38%,rgba(255,164,0,0) 76%);
    filter:blur(15px);
    transform:scale(1.55);
}
.guest-page .habvice-hero>.habvice-landing-key img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(0 0 7px rgba(255,208,43,.82)) drop-shadow(0 0 18px rgba(255,151,0,.42));
}
.guest-page .habvice-hero>.habvice-entrance-line,
.guest-page .habvice-hero>.habvice-reveal-panel,
.guest-page .habvice-hero>.habvice-trust{
    display:none!important;
}
@media(max-width:900px){
    .guest-page .habvice-hero>.habvice-landing-hotel-left{
        width:min(820px,88vw);
        opacity:.72;
    }
    .guest-page .habvice-hero>.habvice-motion-gallery{
        width:72vw;
        opacity:.34;
    }
    .guest-page .habvice-hero>.habvice-landing-characters{
        right:-10%;
        width:min(650px,64vw);
        opacity:.82;
    }
    .guest-page .habvice-hero>.habvice-landing-key{
        top:31%;
        right:20%;
        width:82px;
    }
}
@media(max-width:650px){
    .guest-page .habvice-hero>.habvice-landing-hotel-left{
        left:-70px;
        width:112vw;
        opacity:.58;
    }
    .guest-page .habvice-hero>.habvice-landing-characters,
    .guest-page .habvice-hero>.habvice-landing-key,
    .guest-page .habvice-hero>.habvice-motion-gallery{
        display:none;
    }
}

/* Giriş ve kayıt aynı ana sahnedeki sol paneli paylaşır. */
body.guest-page:has(.login-card:target),
body.guest-page:has(#register-dialog[open]){
    overflow:hidden!important;
}
body.guest-page:has(.login-card:target) .habvice-page>.habvice-header,
body.guest-page:has(#register-dialog[open]) .habvice-page>.habvice-header{
    display:block!important;
}
.guest-page .login-card,
.guest-page .login-card:not(:target),
.guest-page .login-card:target{
    position:absolute!important;
    z-index:12!important;
    inset:auto!important;
    top:118px!important;
    left:clamp(115px,13vw,250px)!important;
    box-sizing:border-box!important;
    width:360px!important;
    min-height:500px!important;
    height:auto!important;
    max-height:calc(100vh - 142px)!important;
    padding:30px 34px 32px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    overflow-y:auto!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    border:1px solid rgba(255,255,255,.06)!important;
    border-radius:0 0 16px 16px!important;
    color:#eee!important;
    background:#222426!important;
    box-shadow:0 20px 45px rgba(0,0,0,.38)!important;
}
.guest-page .login-card:before,
.guest-page .login-card:after{
    content:none!important;
}
.guest-page .login-card>.habvice-auth-nav,
.guest-page .login-card>.habvice-auth-logo,
.guest-page .login-card>.auth-site-footer,
.guest-page .login-card>.discord-row,
.guest-page .login-card>.habvice-auth-back{
    display:none!important;
}
.guest-page .login-card .login-heading,
.guest-page .login-card form,
.guest-page .login-card .divider,
.guest-page .login-card .register-toggle,
.guest-page .login-card .notice{
    width:100%!important;
}
.guest-page .login-card .login-heading{
    margin:55px 0 12px!important;
    padding:0!important;
    border:0!important;
    text-align:left!important;
}
.guest-page .login-card .login-heading h2{
    margin:0!important;
    color:#f1f1f1!important;
    font-size:16px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
}
.guest-page .login-card .login-heading h2:after{
    content:none!important;
}
.guest-page .login-card form{
    gap:17px!important;
    margin-top:18px!important;
}
.guest-page .login-card label{
    color:#929497!important;
    text-align:left!important;
    font-size:11px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
}
.guest-page .login-card .input-wrap{
    height:56px!important;
    margin-top:9px!important;
    border:1px solid #3c4044!important;
    border-radius:11px!important;
    background:#2d3034!important;
    box-shadow:none!important;
}
.guest-page .login-card .input-wrap:focus-within{
    border-color:#a99013!important;
    box-shadow:0 0 0 1px rgba(208,177,18,.18)!important;
}
.guest-page .login-card .input-wrap>span{
    width:48px!important;
    display:grid!important;
    border:0!important;
}
.guest-page .login-card .input-wrap input{
    padding:0 13px 0 2px!important;
    color:#eee!important;
    text-align:left!important;
}
.guest-page .login-card .form-options{
    display:flex!important;
    justify-content:flex-end!important;
}
.guest-page .login-card .form-options>label{
    display:none!important;
}
.guest-page .login-card .form-options a{
    color:#66696c!important;
    font-size:10px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
}
.guest-page .login-card .primary-button{
    height:64px!important;
    margin-top:22px!important;
    border:0!important;
    border-radius:11px!important;
    color:#171717!important;
    background:#b9a000!important;
    box-shadow:inset 0 -3px rgba(0,0,0,.12)!important;
}
.guest-page .login-card .divider{
    height:13px!important;
    margin:5px 0 15px!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.guest-page .login-card .divider span{
    display:none!important;
}
.guest-page .login-card .register-toggle{
    height:44px!important;
    margin:0!important;
    border:1px solid #52565a!important;
    border-radius:8px!important;
    color:#ddd!important;
    background:#303337!important;
}
.guest-page #register-dialog{
    position:absolute!important;
    z-index:13!important;
    inset:auto!important;
    top:118px!important;
    left:clamp(115px,13vw,250px)!important;
    box-sizing:border-box!important;
    width:360px!important;
    max-width:360px!important;
    height:auto!important;
    max-height:calc(100vh - 142px)!important;
    margin:0!important;
    padding:0!important;
    overflow-y:auto!important;
    border:1px solid rgba(255,255,255,.06)!important;
    border-radius:0 0 16px 16px!important;
    color:#eee!important;
    background:#222426!important;
    box-shadow:0 20px 45px rgba(0,0,0,.38)!important;
}
.guest-page #register-dialog::before,
.guest-page #register-dialog::after{
    content:none!important;
}
.guest-page #register-dialog::backdrop{
    background:transparent!important;
}
.guest-page #register-dialog>.habvice-auth-nav,
.guest-page #register-dialog>.auth-site-footer{
    display:none!important;
}
.guest-page #register-dialog .dialog-close{
    position:absolute!important;
    z-index:2!important;
    top:13px!important;
    right:15px!important;
    color:#aaa!important;
}
.guest-page #register-form{
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:58px 34px 28px!important;
    overflow:visible!important;
}
.guest-page #register-dialog .habvice-auth-logo{
    display:none!important;
}
.guest-page #register-dialog .register-step h2,
.guest-page #register-dialog .register-step>p{
    text-align:left!important;
}
.guest-page #register-dialog .register-step h2{
    font-size:18px!important;
}
.guest-page #register-dialog .register-input{
    border-radius:8px!important;
    background:#2d3034!important;
}
.guest-page #register-dialog .step-next,
.guest-page #register-dialog .step-submit{
    background:#b9a000!important;
    color:#171717!important;
}
.guest-page #register-dialog .back-login{
    border-color:#52565a!important;
    border-radius:8px!important;
    background:#303337!important;
}
body.guest-page:has(#register-dialog[open]) .login-card{
    visibility:hidden!important;
    pointer-events:none!important;
}
@media(max-width:720px){
    .guest-page .login-card,
    .guest-page .login-card:not(:target),
    .guest-page .login-card:target,
    .guest-page #register-dialog{
        position:absolute!important;
        top:88px!important;
        left:20px!important;
        width:calc(100% - 40px)!important;
        max-width:380px!important;
    }
}

/* Beta açılışında haberler gizlenir; klasik Habvice footer sayfanın sonunda kalır. */
body.guest-page.beta-mode .habvice-about,
body.guest-page.beta-mode .auth-site-footer{
    display:none!important;
}
body.guest-page.beta-mode .habvice-page{
    min-height:100vh!important;
    padding-bottom:0!important;
}
body.guest-page.beta-mode #register-dialog .register-step:not(.beta-register-step){display:none!important}
body.guest-page.beta-mode #register-dialog .beta-register-step{display:block!important}

.guest-page .beta-discord-panel{display:flex;flex-direction:column;gap:13px}
.guest-page .beta-discord-panel h2{margin:0;color:#f5f5f5;font-family:inherit;font-size:20px;line-height:1.25}
.guest-page .beta-discord-intro{margin:0;color:#999;font-size:13.5px;line-height:1.6}
.guest-page .beta-details-link{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}
.guest-page .beta-details-link:hover,
.guest-page .beta-details-link:focus-visible{color:#62a8e9}
.guest-page .beta-username-preview{display:flex;flex-direction:column;gap:8px}
.guest-page .beta-username-preview>span{color:#999;font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.guest-page .beta-username-preview input{width:100%;box-sizing:border-box;padding:14px;color:#8e969d;background:#2b2e31;border:1px solid #474b4f;border-radius:7px;font:inherit;font-size:13px}
.guest-page .beta-username-preview input::placeholder{color:#7f878d}
.guest-page .discord-profile-chip{display:flex;align-items:center;gap:11px;padding:10px 11px;background:#292d31;border:1px solid #465058;border-radius:7px}
.guest-page .discord-profile-chip img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.guest-page .discord-profile-chip span{display:flex;min-width:0;flex-direction:column;gap:3px}
.guest-page .discord-profile-chip b{overflow:hidden;color:#f2f3f5;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.guest-page .discord-profile-chip small{color:#9da5ac;font-size:11px}
.guest-page .beta-discord-connect{position:relative;isolation:isolate;display:flex!important;align-items:center;justify-content:center;width:100%;min-height:48px;box-sizing:border-box;overflow:hidden;text-align:center;font-size:14px}
.guest-page .beta-discord-connect::before{content:"";position:absolute;z-index:0;inset:-4px;background:url("/assets/beta-discord-button-background.png?v=1") center/cover no-repeat;filter:blur(2px);transform:scale(1.04);transition:filter .18s ease;pointer-events:none}
.guest-page .beta-discord-connect>span{position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.guest-page .beta-discord-connect:hover::before,
.guest-page .beta-discord-connect:focus-visible::before{filter:blur(2px) brightness(1.28) saturate(1.08)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.guest-page .beta-reservation-form{display:flex;flex-direction:column;gap:13px}
.guest-page .beta-registration-status{margin:0;color:#7ecb96;font-size:11px;line-height:1.5}
.guest-page .beta-username-saved{display:flex;flex-direction:column;gap:9px}
.guest-page .beta-username-control{position:relative;display:block}
.guest-page .beta-username-saved-preview input{padding-right:48px}
.guest-page .beta-username-edit{position:absolute;right:11px;top:50%;width:23px;height:23px;display:grid;place-items:center;padding:0;transform:translateY(-50%);border:0;border-radius:0;color:inherit;background:transparent;box-shadow:none;cursor:pointer}
.guest-page .beta-username-edit svg{display:none}
.guest-page .beta-username-edit::before{content:"";width:20px;height:20px;background:url("/assets/habvice-pencil-icon.png?v=1") center/contain no-repeat;image-rendering:pixelated;transition:filter .14s ease,transform .14s ease}
.guest-page .beta-username-edit:hover::before,.guest-page .beta-username-edit:focus-visible::before,.guest-page .beta-username-edit[aria-expanded="true"]::before{filter:brightness(1.14);transform:scale(1.06)}
.guest-page .beta-username-help{position:fixed;z-index:1000;isolation:isolate;left:50%;top:50%;box-sizing:border-box;width:min(560px,calc(100vw - 36px));min-height:238px;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:26px;padding:28px;overflow:hidden;border:2px solid #111315;border-radius:5px;outline:0;color:#c5c9cc;background:#26292c;box-shadow:0 18px 45px rgba(0,0,0,.58);transform:translate(-50%,-50%);animation:beta-username-help-in .16s ease-out}
.guest-page .beta-username-help[hidden]{display:none}
.guest-page .beta-username-help::before{content:"";position:absolute;z-index:0;inset:-4px;background:url("/assets/beta-username-help-background.png?v=1") center/cover no-repeat;filter:grayscale(1) blur(2px) brightness(.58);opacity:.68;pointer-events:none}
.guest-page .beta-username-help::after{content:"";position:absolute;z-index:0;inset:0;background:rgba(24,27,29,.62);pointer-events:none}
.guest-page .beta-username-help-backdrop{position:fixed;z-index:999;inset:0;background:rgba(7,8,9,.72);animation:beta-username-backdrop-in .14s ease-out}
.guest-page .beta-username-help>img{position:relative;z-index:1;justify-self:center;width:170px;height:170px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.42))}
.guest-page .beta-username-help>div{position:relative;z-index:1;min-width:0}
.guest-page .beta-username-help b{display:block;margin-bottom:12px;color:#f1f1ed;font-size:18px;line-height:1.25}
.guest-page .beta-username-help p{margin:0;color:#c0c5c8;font-size:13px;line-height:1.65}
body.guest-page.beta-username-help-open{overflow:hidden}
@keyframes beta-username-help-in{from{opacity:0;transform:translate(-50%,-47%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes beta-username-backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.guest-page .beta-username-help{grid-template-columns:1fr;gap:14px;padding:22px;text-align:center}.guest-page .beta-username-help>img{width:132px;height:132px}.guest-page .beta-username-help b{font-size:16px}.guest-page .beta-username-help p{font-size:12px}}
.guest-page.beta-mode .login-card.beta-registration-card{
    width:min(540px,calc(100vw - 40px))!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:30px 34px 32px!important;
    overflow:hidden!important;
    border-radius:16px!important;
    isolation:isolate;
    background:#202325!important;
}
.guest-page.beta-mode .login-card.beta-registration-card::before{
    content:""!important;
    position:absolute;
    z-index:0;
    inset:0;
    background:url("/assets/beta-registration-background.png?v=1") center/cover no-repeat;
    filter:grayscale(1) blur(5px) brightness(.62);
    opacity:.58;
    transform:none;
    pointer-events:none;
}
.guest-page.beta-mode .login-card.beta-registration-card::after{
    content:""!important;
    position:absolute;
    z-index:1;
    inset:0;
    background:rgba(25,28,30,.72);
    pointer-events:none;
}
.guest-page.beta-mode .habvice-page>.habvice-header{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
}
.guest-page.beta-mode .beta-registration-card .beta-cms-registration{position:relative;z-index:2;gap:0!important;margin:0!important}
.guest-page.beta-mode .beta-registration-card .beta-discord-panel{gap:17px}
.guest-page.beta-mode .beta-registration-card .beta-discord-panel h1{margin:0 0 3px;font-size:25px;line-height:1.2}
.guest-page.beta-mode .beta-countdown-kicker{margin:2px 0 -6px;color:#a7adb2;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.guest-page.beta-mode .beta-countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.guest-page.beta-mode .beta-countdown-grid>span{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;border:1px solid #4b5156;border-radius:7px;background:rgba(42,46,49,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 2px 0 rgba(0,0,0,.24)}
.guest-page.beta-mode .beta-countdown-grid b{color:#f4f4f2;font-size:26px;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #111}
.guest-page.beta-mode .beta-countdown-grid small{color:#9ca2a7;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.guest-page.beta-mode .beta-countdown-status{min-height:18px;margin:-7px 0 0;color:#b4b9bd;font-size:11px;text-align:center}
.guest-page.beta-mode .beta-registration-separator{height:1px;margin:1px 0;background:rgba(255,255,255,.11)}
.guest-page.beta-mode .beta-registration-card .beta-discord-intro{color:#c5c9cc;text-align:center}
.guest-page.beta-mode .beta-registration-card .beta-discord-connect{margin-top:1px}
.guest-page.beta-mode .beta-registration-channel{display:block;margin-top:-7px;color:#8e959a;font-size:10px;line-height:1.45;text-align:center}
@media(min-width:721px){
    .guest-page.beta-mode .login-card.beta-registration-card{
        top:clamp(118px,calc(100vh - 734px),230px)!important;
        left:clamp(180px,20.25vw,355px)!important;
    }
}
@media(max-width:720px){
    .guest-page.beta-mode .login-card.beta-registration-card{left:20px!important;width:calc(100% - 40px)!important;max-width:540px!important;padding:26px 24px 28px!important}
}
@media(max-width:430px){
    .guest-page.beta-mode .beta-countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1500px){
    .guest-page.beta-mode .login-card.beta-registration-card{
        left:clamp(180px,20.25vw,355px)!important;
    }
}
.guest-page #beta-confirm-dialog,
.guest-page #staff-login-dialog{box-sizing:border-box;width:min(360px,calc(100vw - 34px));min-height:0;height:auto;max-height:calc(100vh - 34px);margin:auto;padding:24px;overflow:auto;border:1px solid #474b4f;border-radius:8px;color:#eee;background:#222527;box-shadow:0 22px 70px rgba(0,0,0,.65)}
.guest-page #beta-confirm-dialog::backdrop,
.guest-page #staff-login-dialog::backdrop{background:rgba(5,6,7,.74)}
.guest-page #beta-confirm-dialog .dialog-close,
.guest-page #staff-login-dialog .dialog-close{position:absolute;top:9px;right:12px;border:0;color:#aeb5ba;background:transparent;font-size:24px;line-height:1;cursor:pointer}
.guest-page .beta-confirm-form{display:flex;flex-direction:column;gap:13px}
.guest-page .beta-confirm-form h2{margin:0;color:#f5f5f5;font-size:21px}
.guest-page .beta-confirm-form>p{margin:-7px 0 5px;color:#999;font-size:12px;line-height:1.5}
.guest-page .beta-confirm-form label{display:flex;flex-direction:column;gap:6px;color:#aeb5ba;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.guest-page .beta-confirm-form input{box-sizing:border-box;width:100%;height:43px;padding:0 12px;border:1px solid #474b4f;border-radius:6px;color:#eee;background:#2b2e31;font:inherit;text-transform:none}
.guest-page .beta-confirm-form input[readonly]{color:#aeb5ba;background:#272a2d}
.guest-page .beta-confirm-account{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #3f464c;border-radius:6px;background:#292d31}
.guest-page .beta-confirm-account img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.guest-page .beta-confirm-account span{display:flex;flex-direction:column;gap:2px;min-width:0}
.guest-page .beta-confirm-account b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.guest-page .beta-confirm-account small{color:#9da5ac;font-size:10px}

/* Discord eşleştirmesinden sonraki kayıt tamamlama kartı. */
.guest-page #beta-confirm-dialog{
    position:fixed!important;
    inset:0!important;
    box-sizing:border-box!important;
    width:min(360px,calc(100vw - 34px))!important;
    min-width:0!important;
    max-width:360px!important;
    min-height:0!important;
    height:fit-content!important;
    max-height:calc(100vh - 34px)!important;
    max-height:calc(100dvh - 34px)!important;
    margin:auto!important;
    padding:36px 34px 38px!important;
    overflow:hidden!important;
    isolation:isolate;
    border:1px solid #383d40!important;
    border-radius:16px!important;
    color:#eee!important;
    background:#202325!important;
    box-shadow:0 22px 70px rgba(0,0,0,.65)!important;
    font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;
}
.guest-page #beta-confirm-dialog::before{
    content:"";
    position:absolute;
    z-index:-2;
    inset:-10px;
    background:url("/assets/beta-confirm-background.png?v=1") center bottom/cover no-repeat;
    filter:grayscale(1) blur(5px) brightness(.62);
    opacity:.58;
    transform:scale(1.05);
    pointer-events:none;
}
.guest-page #beta-confirm-dialog::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:rgba(25,28,30,.72);
    pointer-events:none;
}
.guest-page #beta-confirm-dialog::backdrop{background:rgba(5,6,7,.78)}
.guest-page #beta-confirm-dialog .dialog-close{
    z-index:3;
    top:10px;
    right:10px;
    width:30px;
    height:30px;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid #71787c;
    border-radius:7px;
    color:#c8cdd0;
    background:rgba(32,35,37,.82);
    font-size:20px;
    line-height:1;
}
.guest-page #beta-confirm-dialog .beta-confirm-form{
    position:relative;
    z-index:2;
    gap:17px;
    margin:0;
}
.guest-page #beta-confirm-dialog .beta-confirm-form h2{font-size:25px;line-height:1.2}
.guest-page #beta-confirm-dialog .beta-confirm-form>p{margin:-8px 0 1px;color:#b9bdc0;font-size:13.5px;line-height:1.55}
.guest-page #beta-confirm-dialog .beta-confirm-form label{gap:8px;color:#aaa;font-size:11px}
.guest-page #beta-confirm-dialog .beta-email-note{margin-top:-2px;color:#858b8f;font-size:10px;font-weight:400;letter-spacing:0;line-height:1.4;text-transform:none}
.guest-page #beta-confirm-dialog .beta-confirm-form input{
    height:45px;
    border:1px solid #474b4f;
    border-radius:7px;
    background:rgba(43,46,49,.88);
    font-size:13px;
}
.guest-page #beta-confirm-dialog .beta-confirm-account{
    padding:10px 11px;
    border-color:#465058;
    border-radius:7px;
    background:rgba(41,45,49,.88);
}
.guest-page #beta-confirm-dialog .beta-confirm-account img{width:42px;height:42px}
.guest-page #beta-confirm-dialog .beta-confirm-account b{font-size:13px}
.guest-page #beta-confirm-dialog .beta-confirm-account small{font-size:11px}
.guest-page #beta-confirm-dialog .step-submit{
    min-height:48px;
    border:0;
    border-radius:7px;
    color:#fff;
    background:#4d5df6;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
}

/* Personel girişi, kayıt tamamlama kartıyla aynı paneli kullanır. */
.guest-page #staff-login-dialog{
    position:fixed!important;
    inset:0!important;
    box-sizing:border-box!important;
    width:min(360px,calc(100vw - 34px))!important;
    min-width:0!important;
    max-width:360px!important;
    min-height:0!important;
    height:fit-content!important;
    max-height:calc(100vh - 34px)!important;
    max-height:calc(100dvh - 34px)!important;
    margin:auto!important;
    padding:36px 34px 38px!important;
    overflow:hidden!important;
    isolation:isolate;
    border:1px solid #383d40!important;
    border-radius:16px!important;
    color:#eee!important;
    background:#202325!important;
    box-shadow:0 22px 70px rgba(0,0,0,.65)!important;
    font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;
}
.guest-page #staff-login-dialog::before{
    content:"";
    position:absolute;
    z-index:-2;
    inset:0;
    background:url("/assets/beta-confirm-background.png?v=1") center bottom/cover no-repeat;
    filter:grayscale(1) blur(5px) brightness(.62);
    opacity:.58;
    pointer-events:none;
}
.guest-page #staff-login-dialog::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:rgba(25,28,30,.72);
    pointer-events:none;
}
.guest-page #staff-login-dialog::backdrop{background:rgba(5,6,7,.78)}
.guest-page #staff-login-dialog .dialog-close{
    z-index:3;
    top:10px;
    right:10px;
    width:30px;
    height:30px;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid #71787c;
    border-radius:7px;
    color:#c8cdd0;
    background:rgba(32,35,37,.82);
    font-size:20px;
    line-height:1;
}
.guest-page #staff-login-dialog .beta-confirm-form{
    position:relative;
    z-index:2;
    gap:17px;
    margin:0;
}
.guest-page #staff-login-dialog .beta-confirm-form h2{font-size:25px;line-height:1.2}
.guest-page #staff-login-dialog .beta-confirm-form>p{margin:-8px 0 1px;color:#b9bdc0;font-size:13.5px;line-height:1.55}
.guest-page #staff-login-dialog .beta-confirm-form label{gap:8px;color:#aaa;font-size:11px}
.guest-page #staff-login-dialog .beta-confirm-form input{
    height:45px;
    border:1px solid #474b4f;
    border-radius:7px;
    background:rgba(43,46,49,.88);
    font-size:13px;
}
.guest-page #staff-login-dialog .step-submit{
    min-height:48px;
    border:0;
    border-radius:7px;
    color:#fff;
    background:#4d5df6;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
}

/* Tüm şifre alanlarında ortak göster/gizle gözü. */
.guest-page .habvice-password-control{
    position:relative!important;
}
.guest-page .habvice-password-wrap{
    display:block;
    width:100%;
}
.guest-page .habvice-password-control>input{
    min-width:0;
    padding-right:44px!important;
}
.guest-page .habvice-password-toggle{
    appearance:none;
    position:absolute;
    z-index:4;
    top:50%;
    right:5px;
    width:34px;
    height:34px;
    padding:0;
    display:grid;
    place-items:center;
    border:0;
    border-radius:5px;
    color:#969da2;
    background:transparent;
    cursor:pointer;
    transform:translateY(-50%);
    transition:color .16s ease,background-color .16s ease;
}
.guest-page .habvice-password-toggle:hover,
.guest-page .habvice-password-toggle:focus-visible{
    color:#dce2e6;
    background:rgba(255,255,255,.07);
    outline:none;
}
.guest-page .habvice-password-toggle svg{
    display:block;
    width:18px;
    height:18px;
    overflow:visible;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.guest-page .habvice-password-toggle.is-visible{color:#62a8e9}
.guest-page .habvice-password-toggle.is-visible .habvice-password-eye-slash{display:none}

/* Sade sosyal medya footer'i. */
.guest-page .site-footer.site-footer-social{
    z-index:20;
    border-top:1px solid #3a3c3e!important;
    background:#1b1c1e!important;
}
.guest-page .site-footer-social .site-footer-inner{
    position:static;
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    width:min(1040px,calc(100% - 48px));
    min-height:88px;
    padding:0!important;
    margin:auto;
}
.guest-page .site-footer-social .footer-brand{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    height:auto!important;
    margin:0!important;
    transform:translateY(5px);
}
.guest-page .site-footer-social .habvice-footer-toolbar-logo{
    display:block;
    width:165px;
    height:46px;
    object-fit:contain;
    object-position:left center;
}
.guest-page .site-footer-social .habvice-footer-makers{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center;
    gap:3px!important;
    margin:0;
    color:#858789;
    font:700 10px/1.2 "Trebuchet MS",Arial,sans-serif;
    letter-spacing:.25px;
    text-decoration:none;
    text-shadow:1px 1px 0 rgba(0,0,0,.7);
    white-space:nowrap;
}
.guest-page .site-footer-social .footer-bottom .habvice-footer-makers{
    position:absolute;
    left:max(24px,calc((100% - 1040px)/2 + 8px));
}
.guest-page .site-footer-social .habvice-footer-makers b{
    color:#d6d6d6;
}
.guest-page .site-footer-social .habvice-footer-quick-links{
    display:flex;
    align-items:center;
    gap:30px;
    margin-left:78px;
}
.guest-page .site-footer-social .habvice-footer-quick-links a{
    color:#aeb1b3;
    font:700 12px/1 "Trebuchet MS",Arial,sans-serif;
    text-decoration:none;
    transition:color .16s ease;
}
.guest-page .site-footer-social .habvice-footer-quick-links a:hover{color:#fff}
.guest-page .site-footer-social .footer-brand img.habvice-logo-mark{
    display:block;
    width:38px;
    height:38px;
    object-fit:contain;
}
.guest-page .site-footer-social .footer-script-name{
    margin-left:-4px;
    color:#f2f2f2;
    font:400 25px/1 "Segoe Script","Brush Script MT",cursive;
    letter-spacing:0;
}
.guest-page .footer-social-links{display:flex;align-items:center;gap:10px}
.guest-page .site-footer-social .footer-social-links{
    position:absolute;
    z-index:2;
    left:56px;
    top:27px;
    margin:0;
}
.guest-page .footer-social-links a{
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    border:1px solid #414345;
    border-radius:50%;
    color:#aeb1b3;
    background:#252628;
    transition:background .16s,border-color .16s,transform .16s;
}
.guest-page .footer-social-links a:hover{
    border-color:#ef6b24;
    background:#303133;
    transform:translateY(-2px);
}
.guest-page .footer-social-links img{display:block;width:15px;height:15px;filter:grayscale(1) brightness(1.55);opacity:.78}
.guest-page .footer-social-links svg{display:block;width:15px;height:15px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.guest-page .footer-social-links svg .social-dot{fill:currentColor;stroke:none}
.guest-page .site-footer-social .footer-bottom{
    display:flex!important;
    justify-content:center;
    align-items:center;
    gap:8px;
    min-height:38px;
    padding:0!important;
    border-top:0;
    color:#858789;
    background:transparent!important;
    font-size:10px;
}
@media(max-width:1475px){
    .guest-page .site-footer-social .footer-social-links{left:auto;right:24px}
}
@media(max-width:520px){
    .guest-page .site-footer-social .site-footer-inner{width:calc(100% - 32px);min-height:78px}
    .guest-page .site-footer-social .footer-script-name{font-size:23px}
    .guest-page .site-footer-social .habvice-footer-quick-links{display:none}
    .guest-page .site-footer-social .footer-social-links{left:16px;right:auto;top:24px;gap:8px;margin:0}
    .guest-page .footer-social-links a{width:32px;height:32px}
}
@media(min-width:521px) and (max-width:850px){
    .guest-page .site-footer-social .habvice-footer-quick-links{display:none}
    .guest-page .site-footer-social .footer-social-links{margin-right:0}
}

/* Beta sahnesindeki retro otel duyurusu. */
.guest-page.beta-mode .beta-hotel-notice{
    position:fixed;
    z-index:1100;
    right:0;
    bottom:34px;
    width:min(750px,64vw);
    height:120px;
    display:flex;
    align-items:center;
    pointer-events:none;
}
.guest-page.beta-mode .beta-hotel-notice-content{
    flex:1 1 auto;
    min-width:0;
    height:120px;
    overflow:visible;
    opacity:1;
    transform:translateX(0);
    transition:transform .62s cubic-bezier(.2,.75,.2,1),opacity .34s ease;
    pointer-events:auto;
}
.guest-page.beta-mode .beta-hotel-notice.is-collapsed .beta-hotel-notice-content{
    opacity:0;
    transform:translateX(calc(100% + 42px));
    pointer-events:none;
}
.guest-page.beta-mode .beta-hotel-notice.is-restoring .beta-hotel-notice-content,
.guest-page.beta-mode .beta-hotel-notice.is-restoring .beta-hotel-notice-character,
.guest-page.beta-mode .beta-hotel-notice.is-restoring .beta-hotel-notice-bubble{
    transition:none!important;
}
.guest-page.beta-mode .beta-hotel-notice-inner{
    position:relative;
    width:100%;
    height:120px;
}
.guest-page.beta-mode .beta-hotel-notice-character{
    position:absolute;
    z-index:2;
    left:13px;
    bottom:-2px;
    width:92px;
    height:112px;
    margin:0;
    padding:0;
    border:0;
    outline:none;
    background:transparent;
    cursor:pointer;
    pointer-events:auto;
    transition:left .62s cubic-bezier(.2,.75,.2,1),filter .16s ease,transform .16s ease;
}
.guest-page.beta-mode .beta-hotel-notice-character img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    object-position:center bottom;
    image-rendering:pixelated;
    filter:drop-shadow(3px 4px 0 rgba(0,0,0,.38));
}
.guest-page.beta-mode .beta-hotel-notice-shout{
    position:absolute;
    z-index:4;
    left:27px;
    bottom:76px;
    opacity:0;
    white-space:nowrap;
    color:#fff0a8;
    font:700 12px/1 "Trebuchet MS",Arial,sans-serif;
    letter-spacing:.1px;
    text-align:right;
    text-shadow:1px 0 #171717,-1px 0 #171717,0 1px #171717,0 -1px #171717,2px 2px #171717;
    transform:translate(-100%,0) rotate(26deg) scale(.82);
    transform-origin:right center;
    pointer-events:none;
}
.guest-page.beta-mode .beta-hotel-notice.is-shouting .beta-hotel-notice-shout{
    animation:beta-hotel-shout 2.4s linear both;
}
.guest-page.beta-mode .beta-hotel-notice.is-shouting .beta-hotel-notice-character{
    cursor:default;
}
@keyframes beta-hotel-shout{
    0%{opacity:0;filter:brightness(1);transform:translate(-92%,2px) rotate(26deg) scale(.82)}
    7%{opacity:1;filter:brightness(1);transform:translate(-100%,-5px) rotate(26deg) scale(.9)}
    58%{opacity:1;filter:brightness(1);transform:translate(calc(-100% - 14px),-13px) rotate(26deg) scale(1)}
    80%{opacity:.76;filter:brightness(.72);transform:translate(calc(-100% - 25px),-19px) rotate(26deg) scale(1.02)}
    100%{opacity:0;filter:brightness(.16);transform:translate(calc(-100% - 38px),-27px) rotate(26deg) scale(1.03)}
}
.guest-page.beta-mode .beta-hotel-notice-bubble{
    position:absolute;
    left:70px;
    right:0;
    bottom:13px;
    min-height:68px;
    margin:0;
    padding:11px 28px 11px 48px;
    display:flex;
    align-items:center;
    border:2px solid #181919;
    border-radius:3px;
    outline:none;
    color:#222526;
    background:#d5d5d0;
    box-shadow:inset 0 0 0 2px #eeeeea,0 5px 0 rgba(0,0,0,.24);
    opacity:1;
    transform:translateX(0);
    transition:transform .62s cubic-bezier(.2,.75,.2,1),opacity .28s ease;
}
.guest-page.beta-mode .beta-hotel-notice-close{
    position:absolute;
    z-index:3;
    top:5px;
    right:6px;
    width:16px;
    height:16px;
    margin:0;
    padding:0 0 1px;
    display:grid;
    place-items:center;
    border:1px solid #471004;
    border-radius:2px;
    color:#fff3c4;
    background:#d94720;
    box-shadow:inset 1px 1px 0 #ff9b55,inset -1px -1px 0 #7c1c09,1px 1px 0 #191919;
    font:700 13px/1 Arial,sans-serif;
    cursor:pointer;
}
.guest-page.beta-mode .beta-hotel-notice-close:hover{
    background:#f0622f;
    color:#fff;
}
.guest-page.beta-mode .beta-hotel-notice-close:active{
    transform:translate(1px,1px);
    box-shadow:inset 1px 1px 0 #7c1c09;
}
.guest-page.beta-mode .beta-hotel-notice.is-closed .beta-hotel-notice-bubble{
    opacity:0;
    transform:translateX(calc(100% + 20px));
    pointer-events:none;
}
.guest-page.beta-mode .beta-hotel-notice.is-closed .beta-hotel-notice-character{
    left:calc(100% - 98px);
    cursor:pointer;
    pointer-events:auto;
}
.guest-page.beta-mode .beta-hotel-notice.is-closed .beta-hotel-notice-character:hover{
    filter:brightness(1.28);
    transform:translateY(-2px);
}
.guest-page.beta-mode .beta-hotel-notice-bubble p{
    margin:0;
    font:700 11.5px/1.45 "Trebuchet MS",Arial,sans-serif;
    letter-spacing:.02px;
    text-shadow:0 1px #fff;
}
@media(max-width:900px){
    .guest-page.beta-mode .beta-hotel-notice{bottom:22px;width:min(680px,86vw);height:116px}
    .guest-page.beta-mode .beta-hotel-notice-content,
    .guest-page.beta-mode .beta-hotel-notice-inner{height:116px}
    .guest-page.beta-mode .beta-hotel-notice-character{left:18px;bottom:6px;width:76px;height:96px}
    .guest-page.beta-mode .beta-hotel-notice.is-closed .beta-hotel-notice-character{left:calc(100% - 82px)}
    .guest-page.beta-mode .beta-hotel-notice-bubble{left:56px;bottom:10px;min-height:72px;padding:10px 27px 10px 45px}
    .guest-page.beta-mode .beta-hotel-notice-bubble p{font-size:11px;line-height:1.42}
}
@media(max-width:620px){
    .guest-page.beta-mode .beta-hotel-notice{width:calc(100% - 10px)}
    .guest-page.beta-mode .beta-hotel-notice-character{left:12px;width:62px;height:86px}
    .guest-page.beta-mode .beta-hotel-notice.is-closed .beta-hotel-notice-character{left:calc(100% - 68px)}
    .guest-page.beta-mode .beta-hotel-notice-bubble{left:44px;padding:9px 25px 9px 36px}
    .guest-page.beta-mode .beta-hotel-notice-bubble p{font-size:9.5px;line-height:1.35}
}

/* Beta sahnesinin sağ tarafındaki çok hafif geometrik doku. */
.guest-page.beta-mode .beta-right-circles{
    position:absolute;
    z-index:1;
    inset:0;
    overflow:hidden;
    clip-path:polygon(47% 0,100% 0,100% 100%,47% 100%);
    pointer-events:none;
}
.guest-page.beta-mode .beta-right-circles i{
    position:absolute;
    display:block;
    border-radius:50%;
    background:rgba(255,255,255,.007);
}
.guest-page.beta-mode .beta-right-circles i:nth-child(1){
    left:53%;
    top:15%;
    width:clamp(92px,7.8vw,150px);
    aspect-ratio:1;
}
.guest-page.beta-mode .beta-right-circles i:nth-child(2){
    left:79%;
    top:18%;
    width:clamp(32px,2.3vw,44px);
    aspect-ratio:1;
}
.guest-page.beta-mode .beta-right-circles i:nth-child(3){
    right:1.8%;
    top:24%;
    width:clamp(76px,5.8vw,112px);
    aspect-ratio:1;
}
.guest-page.beta-mode .beta-right-circles i:nth-child(4){
    left:51%;
    bottom:8%;
    width:clamp(108px,8.8vw,170px);
    aspect-ratio:1;
}
.guest-page.beta-mode .beta-right-circles i:nth-child(5){
    left:79%;
    bottom:11%;
    width:clamp(42px,3vw,58px);
    aspect-ratio:1;
}
@media(max-width:650px){
    .guest-page.beta-mode .beta-right-circles{display:none}
}

/* Eski #login adresi beta sayfasının dikey kaydırmasını kilitlemesin. */
body.guest-page.beta-mode:has(.login-card:target){
    overflow-x:hidden!important;
    overflow-y:auto!important;
}



/* Habvice kare logo - 2026-08-30 */
.guest-page.beta-mode{--habvice-logo-x:128px}
.guest-page .habvice-header .habvice-logo{width:280px;height:78px;flex:0 0 280px;background:url('/assets/habvice_large2.png?v=1') left center/78px 78px no-repeat}
.guest-page .habvice-header .habvice-logo img.habvice-toolbar-logo{visibility:hidden;width:78px;height:78px}
@media(max-width:650px){.guest-page .habvice-header .habvice-logo{width:205px;height:54px;flex-basis:205px;background-size:54px 54px}.guest-page .habvice-header .habvice-logo img.habvice-toolbar-logo{width:54px;height:54px}}


/* Navbar ve footer hover/logo düzenlemeleri. */
.guest-page .habvice-nav-actions>a:not(.habvice-discord-link):hover{color:#fff;border-color:#555;background:#303133;box-shadow:none;transform:none}
.guest-page .habvice-nav-actions>a.habvice-discord-link:hover{border:0;background:#303133;transform:none}
.guest-page .habvice-discord-link:hover img,.guest-page .habvice-discord-link:focus-visible img{opacity:1;filter:grayscale(1) brightness(2.35)}
.guest-page .habvice-header .habvice-logo img.habvice-toolbar-logo{width:172px;height:52px;object-position:left center}
.guest-page .site-footer-social .habvice-footer-toolbar-logo{width:54px;height:54px;object-position:center}
.guest-page .footer-social-links a{width:30px;height:30px;border:0;border-radius:0;color:#aeb1b3;background:transparent;transition:color .16s ease}
.guest-page .footer-social-links a:hover,.guest-page .footer-social-links a:focus-visible{color:#fff;background:transparent;transform:none}
.guest-page .footer-social-links img{width:22px;height:22px}
.guest-page .footer-social-links a:hover img,.guest-page .footer-social-links a:focus-visible img{opacity:1;filter:grayscale(1) brightness(2.4)}
.guest-page .footer-social-links svg{width:22px;height:22px}
@media(max-width:650px){.guest-page .habvice-header .habvice-logo img.habvice-toolbar-logo{width:142px;height:42px}}

.guest-page .habvice-header .habvice-logo{background:none!important}
.guest-page .habvice-header .habvice-logo img.habvice-toolbar-logo{visibility:visible!important}

.guest-page .habvice-nav-actions > a:not(.habvice-discord-link):hover{border-color:transparent}

.guest-page .site-footer-social .habvice-footer-toolbar-logo{width:78px;height:78px}