:root{color-scheme:dark;--accent:#a3efff;--text:#f6fbff}
*{box-sizing:border-box;min-width:0}
html{min-height:100%;background:#031825;scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:"Outfit",system-ui,sans-serif;min-height:100svh;background:#031825;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,transparent 15%,rgba(0,25,41,.2) 45%,rgba(0,17,29,.52)),url("arkaplan-temiz.png") center 38%/cover no-repeat}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 62%,rgba(0,74,101,.15),transparent 65%);pointer-events:none}
main{width:min(100%,860px);margin:auto;text-align:center;padding:clamp(150px,26svh,460px) 36px 100px}
.logo{display:block;width:clamp(170px,27vw,260px);height:auto;margin:0 auto 28px;filter:drop-shadow(0 6px 22px #001d30)}
p.sub{position:relative;margin:0 0 54px;padding-bottom:32px;font-size:clamp(12px,2.4vw,21px);font-weight:400;letter-spacing:.36em;text-transform:uppercase;color:#c9dce8}
p.sub::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:1px;width:150px;background:linear-gradient(90deg,transparent,#91edff,transparent);box-shadow:0 0 12px #46d6ff}
p.sub::before{content:"";position:absolute;bottom:-2px;left:calc(50% - 3px);width:6px;height:4px;border-radius:50%;background:#e7ffff;box-shadow:0 0 10px 3px #52d9ff}
.menu{display:flex;flex-direction:column;align-items:center;gap:28px}
.menu.hidden{display:none}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.menu>button:not(.back){position:relative;display:flex;align-items:center;gap:28px;width:100%;min-height:156px;padding:25px 100px 25px 38px;border:1px solid #89bdcc;border-radius:34px;text-align:left;font-size:clamp(17px,2.8vw,29px);font-weight:400;letter-spacing:.12em;background:radial-gradient(ellipse at 100% 100%,rgba(220,235,240,.28),transparent 48%),linear-gradient(120deg,rgba(145,204,219,.25),rgba(1,44,66,.5) 42%,rgba(105,155,175,.24));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 1px 1px 2px #c0f5ff99,inset 0 -1px 2px #77d9ef88,0 18px 44px #00121d55;transition:transform .2s,box-shadow .2s,border-color .2s}
.menu>button:not(.back)::before{content:"";position:absolute;top:-1px;left:35%;width:42%;height:2px;background:linear-gradient(90deg,transparent,#bbfaff,transparent);box-shadow:0 0 14px #54e5ff}
.menu>button:not(.back)::after{content:"›";position:absolute;right:32px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:62px;height:62px;border:1px solid #a8d1df66;border-radius:50%;background:#b7e6f019;box-shadow:inset 0 0 15px #d4faff0d;font-family:Arial,sans-serif;font-size:50px;font-weight:200;line-height:1;padding-bottom:5px}
.menu-icon{position:relative;display:grid;place-items:center;flex:0 0 104px;height:104px;border:1px solid #b9efff77;border-radius:50%;background:radial-gradient(ellipse at 65% 100%,#2ebfe75c,transparent 60%),linear-gradient(140deg,#a6daec40,#00283c55);box-shadow:inset 0 1px 2px #d0f7ff55,0 8px 18px #001b2a66;margin-right:24px}
.menu-icon::after{content:"";position:absolute;right:-25px;width:1px;height:64px;background:#b4dcea66}
.menu-icon svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.menu>button:not(.back):hover{transform:translateY(-3px);border-color:#c9fbff;box-shadow:inset 1px 1px 3px #d8faff88,0 0 32px #49d9ff33,0 20px 45px #00121d66}
button:focus-visible,[tabindex]:focus-visible{outline:2px solid #c1f7ff;outline-offset:6px}
h2{margin:0 0 6px;font:400 clamp(19px,3vw,28px)/1.5 "Outfit",sans-serif;letter-spacing:.15em;text-transform:uppercase;text-wrap:balance}
.back{display:flex;justify-content:center;align-items:center;gap:10px;padding:14px 28px;border:1px solid #9fdae650;border-radius:99px;background:#0c384d9c;color:#d6eaf2;font-size:14px;letter-spacing:.08em;backdrop-filter:blur(15px);margin:10px 0}
.back:hover{background:#24566b;border-color:#a6eaf1}
main:has(.menu:not(.hidden):not([data-level="root"])){padding-top:60px}
main:has(.menu:not(.hidden):not([data-level="root"])) .logo{width:150px;margin-bottom:16px}
main:has(.parsel):has([data-level="karasu"]:not(.hidden)),main:has([data-level="kandira"]:not(.hidden)),main:has([data-level="oteller-liste"]:not(.hidden)),main:has([data-level="saglik-arsa"]:not(.hidden)){width:min(100%,1160px)}
.parsel{width:100%;padding:28px;text-align:left;border:1px solid #8dc6d760;border-radius:28px;background:linear-gradient(135deg,#50869a40,#032637db 50%,#28576b80);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #c5f8ff55,0 20px 60px #00121f55}
.parsel h3{font:400 clamp(16px,2vw,21px)/1.5 "Outfit",sans-serif;letter-spacing:.07em;margin:0 0 22px;text-transform:uppercase;color:#e8f9ff;text-wrap:balance}
.gorseller{display:grid;grid-template-columns:1fr 1fr;gap:14px}
img,video{max-width:100%}
.gorseller img,.gorseller video{width:100%;height:260px;object-fit:cover;border-radius:16px;display:block;background:#031c2b}
.gorseller img,.kaydir img{cursor:zoom-in}
.galeri{position:relative}
.kaydir{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:16px}
.kaydir::-webkit-scrollbar{display:none}
.kaydir img{flex:0 0 min(100%,460px);height:280px;object-fit:cover;scroll-snap-align:start;border-radius:16px}
.ok{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b8ebfa77;border-radius:50%;font-size:28px;background:#073147d9;backdrop-filter:blur(12px)}
.ok:hover{background:#37677c}.ok.sol{left:10px}.ok.sag{right:10px}
.bilgi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.bilgi div{padding:17px 18px;border:1px solid #9ac6d426;border-radius:14px;background:linear-gradient(135deg,#98c7d810,#001c3066);overflow-wrap:anywhere}
.bilgi span{display:block;margin-bottom:8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#a9c8d6}
.bilgi b{font-size:14px;line-height:1.65;font-weight:500}
.bilgi small{display:block;line-height:1.6}
#lightbox{position:fixed;inset:0;background:#00101aef;backdrop-filter:blur(18px);display:none;place-items:center;z-index:50;cursor:zoom-out;padding:24px}
#lightbox.acik{display:grid}#lightbox img{max-width:92vw;max-height:90svh;border-radius:14px;object-fit:contain}#lightbox .ok{position:fixed}
@media(min-width:1100px) and (max-height:950px){main{padding-top:80px}.logo{width:200px}p.sub{margin-bottom:36px}.menu>button:not(.back){min-height:135px}}
@media(max-width:640px){main{padding:26svh 28px 70px}.logo{width:43vw;max-width:220px;margin-bottom:22px}p.sub{font-size:12px;letter-spacing:.29em;margin-bottom:32px;padding-bottom:24px}.menu{gap:20px}.menu>button:not(.back){min-height:96px;padding:16px 54px 16px 18px;gap:16px;border-radius:23px;font-size:clamp(13px,3.7vw,20px);letter-spacing:.08em}.menu-icon{flex-basis:62px;height:62px;margin-right:12px}.menu-icon::after{right:-14px;height:42px}.menu>button:not(.back)::after{right:16px;width:37px;height:37px;font-size:32px;padding-bottom:3px}main:has(.menu:not(.hidden):not([data-level="root"])){padding:30px 18px 48px}main:has(.menu:not(.hidden):not([data-level="root"])) .logo{width:120px}.parsel{padding:16px;border-radius:22px}.gorseller{grid-template-columns:1fr}.gorseller img,.gorseller video{height:220px}.kaydir img{flex-basis:100%;width:100%;height:240px}.bilgi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bilgi div{padding:13px 12px}.bilgi b{font-size:13px}.parsel h3{font-size:16px}.back{min-height:44px}}
@media(max-width:360px){main{padding-left:18px;padding-right:18px}.menu-icon{flex-basis:52px;height:52px}.bilgi{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}