/*****

Buyukada projesi 2026 - by avusor

*****/

:root{--primary:#16a6a8;
--primary-dark:#0d6e73;
--secondary:#06293a;
--dark:#041b28;
--light:#f8fafc;
--text:#1f2937;
--muted:#6b7280;
--white:#ffffff;
--radius:18px;
--shadow:0 20px 40px rgba(0,0,0,.08);}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:#fff;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;}
ul{list-style:none;}
.container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px;}
.header{position:fixed;top:0;left:0;width:100%;z-index:999;background:rgba(4,27,40,.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);}
.header .container{display:flex;align-items:center;justify-content:space-between;height:90px;}
.logo img{height:53px;}
.main-menu ul{display:flex;align-items:center;gap:38px;}
.main-menu a{color:#fff;font-size:15px;font-weight:500;transition:.3s;}
.main-menu a:hover{color:var(--primary);}
.header-right{display:flex;align-items:center;gap:20px;}
.language-switcher a{color:#fff;font-weight:600;}

.hero{position:relative;height:90vh;display:flex;align-items:center;background:url('../images/buyukada.webp') center center/cover no-repeat;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,27,40,.92) 0%,rgba(4,27,40,.65) 45%,rgba(4,27,40,.15) 100%);}
.hero .container{position:relative;z-index:2;}
.hero-content{max-width:780px;}
.hero-content h1{font-size:72px;line-height:1.05;font-weight:800;color:#fff;margin-bottom:28px;}
.hero-content p{font-size:20px;color:#d5e5ec;line-height:1.9;margin-bottom:40px;}
.hero-buttons{display:flex;align-items:center;gap:16px;}
.btn-primary{height:58px;padding:0 34px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:14px;font-weight:600;transition:.3s;}
.btn-primary:hover{transform:translateY(-2px);background:var(--primary-dark);}
.btn-secondary{height:58px;padding:0 34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:14px;backdrop-filter:blur(10px);}

.about{padding:90px 0 60px;background:#f8fafc;}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.about-content h2{font-size:54px;line-height:1.1;margin:20px 0 25px;color:#041b28;}
.about-content p{font-size:18px;color:#64748b;margin-bottom:20px;}
.about-image img{border-radius:28px;box-shadow:var(--shadow);}

.categories{padding:60px 0 30px;background:#f8fafc;}
.categories-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.category-card{position:relative;background:#fff;border:1px solid #edf2f5;border-radius:18px;padding:28px;min-height:195px;transition:.3s;box-shadow:0 4px 20px rgba(0,0,0,.03);}
.category-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,.08);}
.category-card .icon{display:block;font-size:34px;color:#0b5b70;margin-bottom:22px;}
.category-card h3{font-size:24px;font-weight:600;line-height:1.2;color:#0a2938;margin-bottom:12px;}
.category-card p{font-size:15px;line-height:1.8;color:#5f6e79;max-width:230px;}
.category-card .arrow{position:absolute;right:24px;bottom:22px;color:#0b5b70;font-size:15px;transition:.3s;}
.category-card:hover .arrow{transform:translateX(4px);}
@media(max-width:1200px){.categories-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.categories-grid{grid-template-columns:repeat(2,1fr);} .category-card{min-height:180px;padding:24px;}}
@media(max-width:576px){.categories-grid{grid-template-columns:1fr;} .category-card h3{font-size:20px;} .category-card .icon{font-size:34px;}}

.news-app-section{padding:100px 0;background:#f8fafc;}
.news-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start;}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.section-header h2{font-size:24px;font-weight:700;color:#082b3a;}
.section-header a{font-size:14px;font-weight:600;color:#0f6b78;transition:.3s;}
.section-header a:hover{color:#16a6a8;}
.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.blog-mini-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.05);transition:.35s;border:1px solid #eef2f5;}
.blog-mini-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.08);}
.blog-mini-card img{width:100%;height:140px;object-fit:cover;}
.blog-mini-content{padding:16px;}
.blog-mini-content h3{font-size:18px;line-height:1.4;color:#0b2430;font-weight:600;margin-bottom:10px;}
.blog-mini-content span{font-size:13px;color:#8a99a3;}
.announcement-box{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #eef2f5;box-shadow:0 8px 25px rgba(0,0,0,.04);}
.announcement-row{display:grid;grid-template-columns:60px 1fr 120px;align-items:center;padding:22px;border-bottom:1px solid #eef2f5;}
.announcement-row:last-child{border-bottom:none;}
.announcement-icon{width:42px;height:42px;border-radius:12px;background:#f4f7f9;display:flex;align-items:center;justify-content:center;font-size:18px;color:#0f6b78;}
.announcement-content h4{font-size:17px;font-weight:600;color:#082b3a;margin-bottom:4px;}
.announcement-content p{font-size:14px;color:#738391;}
.announcement-date{text-align:right;font-size:13px;color:#9ca8b1;}

.app-download-banner{padding:40px 0 0;background:#f8fafc;}
.app-download-wrapper{position:relative;display:grid;grid-template-columns:280px 1fr 280px;align-items:center;gap:50px;padding:35px 50px;background:linear-gradient(135deg,#08384b 0%,#0b5b70 50%,#062b3b 100%);border-radius:24px 24px 0 0;overflow:hidden;}
.app-download-wrapper:before{content:'';position:absolute;right:-80px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.03);}
.app-banner-phone{position:relative;z-index:2;}
.app-banner-phone img{max-height:360px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35));}
.app-banner-content{position:relative;z-index:2;}
.app-banner-content h2{font-size:48px;line-height:1.1;font-weight:700;color:#fff;margin-bottom:20px;}
.app-banner-content p{font-size:17px;line-height:1.8;color:#d7e8ee;max-width:500px;margin-bottom:35px;}
.app-features{display:flex;gap:35px;flex-wrap:wrap;}
.app-features .icon{display:block;font-size:34px;color:#ffffff;margin-bottom:22px;}
.feature-item{text-align:center;}
.feature-item span{display:block;font-size:26px;color:#fff;margin-bottom:10px;}
.feature-item p{font-size:13px;color:#d7e8ee;line-height:1.5;margin:0;}
.app-banner-download{text-align:center;position:relative;z-index:2;}
.app-banner-download h3{font-size:28px;color:#fff;font-weight:700;margin-bottom:20px;}
.qr-box{width:180px;height:180px;background:#fff;border-radius:12px;padding:10px;margin:0 auto 20px;}
.qr-box img{width:100%;height:100%;object-fit:contain;}
.store-links{display:flex;flex-direction:column;gap:12px;}
.store-btn{display:block;}
.store-btn img{height:52px;width:auto;margin:auto;}
@media(max-width:1200px){.blog-cards{grid-template-columns:1fr;}.app-download-wrapper{grid-template-columns:220px 1fr;}.app-banner-download{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:40px;}}
@media(max-width:992px){.news-grid{grid-template-columns:1fr;}.app-download-wrapper{grid-template-columns:1fr;text-align:center;}.app-banner-phone img{margin:auto;}.app-banner-content p{margin-left:auto;margin-right:auto;}.app-features{justify-content:center;}.app-banner-download{display:block;}}
@media(max-width:768px){.news-app-section{padding:70px 0;}.blog-cards{grid-template-columns:1fr;}.announcement-row{grid-template-columns:50px 1fr;gap:15px;}.announcement-date{grid-column:2;text-align:left;padding-top:5px;}.app-download-wrapper{padding:30px 25px;}.app-banner-content h2{font-size:34px;}.app-banner-phone img{max-height:280px;}.app-features{gap:20px;}.feature-item{width:45%;}.qr-box{width:120px;height:120px;}}

.footer{background:#041b28;padding:100px 0 40px;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:50px;}
.footer-logo img{height:60px;margin-bottom:20px;}
.footer p{color:#9db1bc;}
.footer h4{color:#fff;font-size:18px;margin-bottom:18px;}
.footer ul li{margin-bottom:12px;}
.footer ul li a{color:#9db1bc;transition:.3s;}
.footer ul li a:hover{color:#fff;}
.footer-bottom{margin-top:60px;padding-top:30px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;}
.footer-bottom p{font-size:14px;}
@media(max-width:1200px){.hero-content h1{font-size:58px;}.categories-grid{grid-template-columns:repeat(3,1fr);}.app-promo-wrapper,.about-grid,.download-wrapper{grid-template-columns:1fr;}.footer-top{grid-template-columns:repeat(2,1fr);}}
@media(max-width:992px){.main-menu{display:none;}.hero-content h1{font-size:48px;}.categories-grid{grid-template-columns:repeat(2,1fr);}.blog-grid{grid-template-columns:1fr;}.section-title h2{font-size:42px;}}
@media(max-width:768px){.hero{height:auto;padding:160px 0 100px;}.hero-content h1{font-size:38px;}.hero-content p{font-size:17px;}.hero-buttons{flex-direction:column;align-items:flex-start;}.categories-grid{grid-template-columns:1fr;}.app-content h2,.about-content h2,.download-content h2{font-size:38px;}.footer-top{grid-template-columns:1fr;}.footer-bottom{flex-direction:column;gap:15px;text-align:center;}}