body{position:relative;overflow-x:hidden}.sky-effects{position:absolute;top:410px;bottom:0;left:0;right:0;opacity:1;filter:none;transform:none;background-color:#061020;background-image:url('/assets/night-sky-clean-v3.png?v=3');background-position:center top;background-size:100% auto;background-repeat:no-repeat}
.portal{margin-bottom:34px}
@media(max-width:850px){.sky-effects{top:330px}}@media(max-width:540px){.sky-effects{top:300px}}
.sky-effects .shooting-star,.sky-effects .orbit-glint{display:none!important;animation:none!important}
.sky-effects .star-layer{display:block!important;filter:none;will-change:background-position}
.sky-effects:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,12,26,.10),rgba(5,15,25,.20) 58%,rgba(2,9,16,.28));box-shadow:inset 0 60px 90px rgba(2,10,20,.13),inset 0 -80px 120px rgba(1,7,13,.24)}
.orbit-glint{position:absolute;left:50%;top:38%;width:72px;height:36px;background:url('/assets/shooting-small.png') center/contain no-repeat;offset-path:ellipse(38vw 22vh at 50% 47%);offset-rotate:0deg;opacity:.62;filter:drop-shadow(0 0 7px #f8d06d);animation:orbit-star 24s linear infinite}
@keyframes orbit-star{0%{offset-distance:0%;opacity:.18}12%{opacity:.65}48%{opacity:.38}72%{opacity:.7}100%{offset-distance:100%;opacity:.18}}
@media(max-width:540px){.orbit-glint{width:48px;height:24px;offset-path:ellipse(42vw 18vh at 50% 44%)}}
@media(prefers-reduced-motion:reduce){.orbit-glint{display:none}}

/* Single guest/login backdrop approved for Habvice. */
body.guest-page{background:#0b0d0e}
body.guest-page .guest-scene{--login-banner-height:141px;position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background-color:#0b0d0e;background-image:url('/assets/habvice-login-background.png?v=4');background-position:center;background-size:100% 100%;background-repeat:no-repeat}
body.guest-page .guest-scene:before{content:"";position:absolute;z-index:0;left:-3px;right:-3px;top:-3px;height:calc(var(--login-banner-height) + 6px);pointer-events:none;background:url('/assets/habvice-top-banner-v2.png?v=1') center/100% 100% no-repeat;filter:blur(2px);opacity:.9}
@media(max-width:650px){body.guest-page .guest-scene{--login-banner-height:90px}}
body.guest-page .sky-effects{display:none!important}
body.guest-page .hotel-banner{background:transparent!important;border-bottom:0!important}
body.guest-page:before{display:none!important}
body.guest-page .hotel-banner{position:relative}
body.guest-page .banner-center{position:absolute;left:50%;top:var(--login-banner-height);width:100%;margin:0;transform:translate(-50%,-50%)}
body.guest-page .guest-brand-zone{display:flex;align-items:center;gap:24px;transform:translateX(-135px)}
body.guest-page .brand-avatar{width:52px;height:52px;object-fit:contain;border:0;border-radius:0;background:transparent}
body.guest-page .brand small{display:none}
body.guest-page .brand strong{color:#e6dcc4;font-family:Arial,"Trebuchet MS",sans-serif;font-size:20px;font-weight:800;letter-spacing:1px;text-shadow:0 2px 3px #000}
body.guest-page .guest-nav-links{display:flex;align-items:center;gap:18px}
body.guest-page .guest-nav-links a{color:#e6dcc4;font-size:12px;font-weight:800;letter-spacing:1px;text-decoration:none;text-shadow:0 2px 3px #000}
body.guest-page .guest-nav-links a:hover{color:#e6b84f}
@media(max-width:650px){body.guest-page .guest-brand-zone{gap:10px;transform:none}body.guest-page .guest-nav-links{gap:9px}body.guest-page .guest-nav-links a{font-size:9px}body.guest-page .brand-avatar{width:42px;height:42px}}

body.guest-page .news-column{display:none!important}
body.guest-page .portal{width:100%;max-width:1080px;margin:-28px auto 40px;display:grid;grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr);gap:20px;align-items:center}
body.guest-page .guest-throne{position:absolute;z-index:2;inset:0;display:block;pointer-events:none}
/* GIF'i bağımsız ayarla: left, bottom, width */
body.guest-page .guest-throne-animation{position:absolute;z-index:1;left:6.4vw;bottom:3.1vw;display:block;width:21.40vw;height:auto;image-rendering:pixelated;filter:drop-shadow(0 14px 20px rgba(0,0,0,.48))}
/* Taht zemini: yerini elle değiştirmek için yalnızca left, bottom ve width değerlerini düzenle. */
/* Zemini bağımsız ayarla: left, bottom, width */
body.guest-page .guest-throne-floor{position:absolute;z-index:2;left:4.9vw;bottom:3.3vw;display:block;width:24.15vw;height:auto;image-rendering:pixelated;pointer-events:none}
body.guest-page .login-card{grid-column:2;grid-row:1;transform:translateY(-45px)}
@media(max-width:850px){body.guest-page .portal{grid-template-columns:1fr 340px 1fr;margin:-20px 14px 45px;gap:8px}body.guest-page .guest-throne-animation{left:3vw;bottom:8vw;width:18vw}body.guest-page .guest-throne-floor{left:1.6vw;bottom:8vw;width:20.7vw}}
@media(max-width:650px){body.guest-page .portal{display:block;margin:-15px auto 40px;width:min(365px,calc(100% - 24px))}body.guest-page .guest-throne{display:none}body.guest-page .login-card{transform:translateY(-12px)}}

body.guest-page .login-card{position:relative;overflow:hidden;padding:48px 35px 47px;border:0;border-radius:0;background-color:transparent;background-image:url('/assets/habvice-login-card-frame-v2.png?v=2');background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:0 20px 48px rgba(0,0,0,.68),0 0 28px rgba(185,138,55,.12)}
body.guest-page .login-card:before,body.guest-page .login-card:after{content:none}
body.guest-page .login-heading{display:block;padding-bottom:15px;border-bottom:1px solid rgba(201,153,61,.3);text-align:center}
body.guest-page .login-heading h2{color:#f6e7bd;font-family:Georgia,'Times New Roman',serif;font-size:23px;letter-spacing:.15px;text-shadow:0 2px #020810}
body.guest-page .login-heading p{color:#aebdcc}
body.guest-page .login-card form{margin-top:18px}
body.guest-page .login-card label{color:#dbc78f;letter-spacing:.2px}
body.guest-page .input-wrap{height:46px;border:1px solid #40586d;border-radius:4px;background:#071725;box-shadow:inset 0 2px 5px rgba(0,0,0,.42)}
body.guest-page .input-wrap:focus-within{border-color:#d6a74d;box-shadow:0 0 0 2px rgba(214,167,77,.12),inset 0 2px 5px rgba(0,0,0,.42)}
body.guest-page .input-wrap>span{border-right-color:#43566a;background:rgba(23,46,65,.55)}
body.guest-page .input-wrap input{color:#f4ead1!important}
body.guest-page .input-wrap input::placeholder{color:#7f90a0}
body.guest-page .form-options a,body.guest-page .discord-row{color:#d9ac55}
body.guest-page .discord-row{margin-top:20px;padding-top:16px}
body.guest-page .form-options input{accent-color:#c79538}
body.guest-page .primary-button{color:#161106;border:1px solid #f0c86c;border-radius:4px;background:linear-gradient(180deg,#efc868,#bd8128);box-shadow:inset 0 2px rgba(255,255,255,.38),inset 0 -3px rgba(80,47,10,.3),0 2px 0 #503512;text-shadow:0 1px rgba(255,255,255,.25)}
body.guest-page .primary-button:hover{filter:brightness(1.09)}
body.guest-page .divider{border-bottom:0!important}
body.guest-page .divider span{color:#a99b7b;background:#081a2a}
body.guest-page .register-toggle{color:#eadbb6;border:1px solid #526b82;border-radius:4px;background:linear-gradient(180deg,#244761,#15334d);box-shadow:inset 0 1px rgba(255,255,255,.1),inset 0 -3px rgba(0,0,0,.22),0 2px 0 #06101b}
body.guest-page .register-toggle:hover{border-color:#c6973f;color:#fff0c5;filter:brightness(1.08)}
body.guest-page .discord-row{border-top-color:rgba(183,139,53,.35)}

/* Habvice corporate footer */
.site-footer{position:relative;z-index:3;padding:0!important;border-top:1px solid #8f6828!important;background:linear-gradient(180deg,#111d25 0%,#0a141c 100%)!important;color:#d7e0e5}
.site-footer-inner{width:min(1120px,calc(100% - 40px));margin:auto;padding:38px 0 30px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:70px;align-items:start}
.site-footer .footer-identity{padding-right:30px;border-right:1px solid rgba(190,143,54,.24)}
.site-footer .footer-brand{display:inline-flex;min-width:0;margin-bottom:14px;gap:11px}
.site-footer .footer-brand .brand-avatar{width:54px!important;height:54px!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important}
.site-footer .footer-brand strong{font:800 21px/1 Arial,"Trebuchet MS",sans-serif;letter-spacing:2px;color:#f1dfb5;text-shadow:0 2px 3px #000}
.site-footer .footer-identity p{margin:0 0 15px;color:#91a3ad;font-size:11px;line-height:1.65}
.site-footer .footer-credit{display:inline-block;padding:7px 10px;border-left:2px solid #d5a23e;background:rgba(213,162,62,.07);color:#adbbc2;font-size:10px}
.site-footer .footer-credit b{color:#efc86a}
.site-footer .footer-columns{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:28px}
.site-footer .footer-columns section{display:flex;flex-direction:column;gap:9px}
.site-footer .footer-columns h3{position:relative;margin:0 0 8px;padding-bottom:10px;color:#e5bd62;font-size:11px;letter-spacing:.8px;text-transform:uppercase}
.site-footer .footer-columns h3:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:1px;background:#9f742c}
.site-footer .footer-columns a{color:#aebcc3;font-size:10px;text-decoration:none;transition:color .15s ease,transform .15s ease}
.site-footer .footer-columns a:hover{color:#f0d797;transform:translateX(2px)}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:13px max(20px,calc((100% - 1120px)/2));display:flex;justify-content:space-between;gap:20px;background:rgba(2,8,12,.28);color:#6f838d;font-size:9px}
@media(max-width:850px){.site-footer-inner{grid-template-columns:1fr;gap:30px}.site-footer .footer-identity{padding-right:0;padding-bottom:25px;border-right:0;border-bottom:1px solid rgba(190,143,54,.24)}.site-footer .footer-columns{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.site-footer .footer-columns{grid-template-columns:1fr 1fr;gap:25px 18px}.site-footer .footer-bottom{flex-direction:column;gap:5px}}
