:root{
  --bg: #f0f8f5;
  --bg-strong: #e8f4f0;
  --card: rgba(14, 23, 38, 0.85);
  --surface: rgba(19, 32, 51, 0.9);
  --border: rgba(10, 46, 43, 0.15);
  --accent: #00d4aa;
  --accent-2: #00b894;
  --accent-light: #00f5d4;
  --accent-blue: #00b4d8;
  --text: #f9fbff;
  --muted: #d5e3f3;
  --shadow: 0 12px 36px rgba(0,0,0,0.15);
  --glass: rgba(255, 255, 255, 0.1);
  --glass-border: rgba(255, 255, 255, 0.2);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg-strong));color:var(--text)}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:10px;top:10px;width:auto;height:auto;background:var(--accent);color:#fff;padding:8px 12px;border-radius:10px;z-index:1000}

/* Brand card - saydam ve navigasyon kartviziti */
.brand-card{background:var(--glass);color:#fff;padding:12px 14px;border-radius:14px;position:fixed;top:12px;left:12px;backdrop-filter:blur(12px);box-shadow:var(--shadow);z-index:100;border:1px solid var(--glass-border);transition:all 0.3s ease}
.brand-card:hover{background:rgba(255,255,255,0.15);transform:translateY(-2px)}
.brand-title{font-weight:700;letter-spacing:.3px;color:#fff}
.brand-sub{font-size:12px;opacity:.9;color:#e6fffb}

/* Brand logo */
.brand-logo{width:80px;height:auto;border-radius:8px;display:block}
@media(max-width:480px){.brand-logo{width:60px}}

/* Navigation menu - saydam */
.nav-toggle{position:fixed;top:12px;right:12px;background:var(--glass);color:var(--text);border:1px solid var(--glass-border);border-radius:12px;padding:10px 12px;z-index:120;box-shadow:var(--shadow);cursor:pointer;backdrop-filter:blur(12px);transition:all 0.3s ease}
.nav-toggle:hover{background:rgba(255,255,255,0.15);transform:translateY(-1px)}
.top-nav ul{list-style:none;display:flex;gap:8px;padding:8px 10px;margin:0;position:fixed;top:12px;left:160px;z-index:110;background:var(--glass);border-radius:14px;box-shadow:var(--shadow);backdrop-filter:blur(12px);border:1px solid var(--glass-border)}
.top-nav a{color:#eaf2ff;text-decoration:none;padding:8px 12px;border-radius:10px;display:inline-block;transition:all 0.3s ease}
.top-nav a:hover,.top-nav a:focus{background:rgba(255,255,255,.15);color:#fff;transform:translateY(-1px)}
.top-nav .cta a{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:600}
.top-nav .cta a:hover{filter:brightness(1.1);transform:translateY(-2px)}
@media(max-width:900px){.top-nav ul{left:12px;right:12px;top:64px;display:none;flex-direction:column;align-items:stretch}.top-nav.open ul{display:flex}.top-nav a{padding:12px}}
@media(max-width:480px){.top-nav ul{gap:6px}.top-nav a{padding:10px}}

/* Live support button */
.live-support{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:50px;padding:12px 20px;z-index:150;box-shadow:0 8px 25px rgba(0,212,170,0.3);cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all 0.3s ease;backdrop-filter:blur(10px)}
.live-support:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px rgba(0,212,170,0.4)}
.live-support::before{content:"💬";font-size:18px}
.live-support::after{content:"Canlı Destek";font-size:14px}

.section{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:80px 16px}
.section-hero{min-height:88vh;position:relative;overflow:hidden}
.section-video{position:relative}

/* Global background video */
.bg-video{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s ease}
.bg-video.visible{opacity:1}
.bg-video video{width:100%;height:100%;object-fit:cover;filter:brightness(.75) saturate(1.1) contrast(1.1)}
.bg-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,23,38,.3),rgba(19,32,51,.5))}
main,.footer{position:relative;z-index:1}

/* Cards - saydam ve modern */
.card{background:var(--glass);color:var(--text);padding:32px;margin:20px;border-radius:20px;box-shadow:var(--shadow);max-width:980px;width:100%;border:1px solid var(--glass-border);backdrop-filter:blur(15px);transition:all 0.3s ease}
.card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,0.2)}
.card h1,.card h2{margin-top:0;color:#fff}
.card h1{font-size:2.5rem;background:linear-gradient(135deg,var(--accent-light),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.card h2{font-size:1.8rem;color:var(--accent-light)}

/* Mobile typography and spacing tweaks */
@media(max-width:480px){
  .section{padding:64px 12px}
  .card{padding:20px;margin:12px}
  .card h1{font-size:1.8rem}
  .card h2{font-size:1.2rem}
}

/* Card grid */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:20px}
@media(max-width:768px){.card-grid{grid-template-columns:1fr;gap:16px}}

/* Special 4-column layout for material page */
.card-grid:has(.card:nth-child(4)) {
  grid-template-columns: repeat(4, 1fr);
}

@media(max-width:1200px) {
  .card-grid:has(.card:nth-child(4)) {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:768px) {
  .card-grid:has(.card:nth-child(4)) {
    grid-template-columns: 1fr;
  }
}

.features{display:flex;gap:12px;flex-wrap:wrap;padding:0;margin:12px 0 0 0}
.features li{list-style:none;background:rgba(16,185,129,0.2);padding:8px 16px;border-radius:999px;border:1px solid rgba(16,185,129,0.3);color:var(--accent-light);font-weight:500}

/* Buttons - yeşil gradient */
.button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;padding:14px 24px;border:none;border-radius:12px;cursor:pointer;font-weight:700;box-shadow:0 8px 25px rgba(16,185,129,0.3);transition:all 0.3s ease;text-decoration:none;display:inline-block}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(16,185,129,0.4);filter:brightness(1.1)}

/* Reveal on scroll */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}

/* Video toggle - modern */
.video-toggle{position:absolute;right:20px;bottom:20px;background:var(--glass);color:#fff;border:1px solid var(--glass-border);border-radius:50%;padding:12px;cursor:pointer;backdrop-filter:blur(12px);transition:all 0.3s ease;width:50px;height:50px;display:flex;align-items:center;justify-content:center}
.video-toggle:hover{background:rgba(255,255,255,0.2);transform:scale(1.1)}
.video-toggle[aria-pressed="true"]{background:var(--accent);color:#fff;box-shadow:0 8px 25px rgba(16,185,129,0.4)}

/* Footer & toast */
.footer{padding:24px 16px;display:flex;justify-content:center;color:var(--accent-2);background:var(--glass);backdrop-filter:blur(10px);border-top:1px solid var(--glass-border)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--accent);color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 8px 25px rgba(16,185,129,0.3);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:200;font-weight:600}
.toast.show{opacity:1;transform:translateX(-50%) translateY(-6px)}

/* Enhanced Toast Types */
.toast.success{background:#00d4aa;box-shadow:0 8px 25px rgba(0,212,170,0.4)}
.toast.error{background:#ff6b6b;box-shadow:0 8px 25px rgba(255,107,107,0.4)}
.toast.info{background:#00b4d8;box-shadow:0 8px 25px rgba(0,180,216,0.4)}

/* Live Chat System */
.live-chat{position:fixed;bottom:20px;right:20px;width:350px;height:500px;background:var(--glass);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(15px);border:1px solid var(--glass-border);z-index:300;transform:translateY(100px) scale(0.8);opacity:0;transition:all 0.3s ease;display:flex;flex-direction:column}
.live-chat.open{transform:translateY(0) scale(1);opacity:1}
.chat-header{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;padding:16px 20px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center}
.chat-header h3{margin:0;font-size:16px;font-weight:600}
.chat-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease}
.chat-close:hover{background:rgba(255,255,255,0.2);transform:scale(1.1)}
.chat-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
.chat-message{display:flex;flex-direction:column}
.chat-message.user{align-items:flex-end}
.chat-message.agent{align-items:flex-start}
.message-content{max-width:80%;padding:12px 16px;border-radius:16px;position:relative}
.chat-message.user .message-content{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-bottom-right-radius:4px}
.chat-message.agent .message-content{background:rgba(255,255,255,0.1);color:var(--text);border-bottom-left-radius:4px}
.message-text{display:block;margin-bottom:4px;line-height:1.4}
.message-time{font-size:11px;opacity:0.7}
.chat-input{padding:16px;border-top:1px solid var(--glass-border);display:flex;gap:8px}
.chat-input input{flex:1;background:rgba(255,255,255,0.1);border:1px solid var(--glass-border);border-radius:12px;padding:12px;color:var(--text);backdrop-filter:blur(10px)}
.chat-input input:focus{outline:2px solid var(--accent);outline-offset:2px}
.chat-input button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:600;transition:all 0.3s ease}
.chat-input button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,0.4)}

/* Forms */
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form label{display:flex;flex-direction:column;gap:8px;color:#fff}
.form input,.form textarea{background:rgba(255,255,255,0.1);color:#fff;border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;backdrop-filter:blur(10px);transition:all 0.3s ease}
.form input:focus,.form textarea:focus{outline:2px solid var(--accent);outline-offset:2px;background:rgba(255,255,255,0.15)}
.form .full{grid-column:1/-1}
@media(max-width:640px){.form{grid-template-columns:1fr}}

/* Enhanced Forms */
.form input.error,.form textarea.error{border-color:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,0.2)}
.field-error{color:#ef4444;font-size:12px;margin-top:4px;display:block}
.char-counter{color:#666;font-size:11px;text-align:right;margin-top:4px}

/* Contact information - light green */
.contact-info{color:var(--accent-light)}
.contact-info a{color:var(--accent-light);text-decoration:none;transition:all 0.3s ease}
.contact-info a:hover{color:#fff;text-decoration:underline}

/* Media in cards */
.card-media{display:block;width:100%;height:auto;border-radius:16px;margin-bottom:16px;max-height:280px;object-fit:cover;box-shadow:0 8px 25px rgba(0,0,0,0.15)}

/* Enhanced Media Gallery */
.media-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}
.media-gallery .card-media{margin-bottom:0;max-height:400px;transition:all 0.3s ease}
.media-gallery .card-media:hover{transform:scale(1.02);box-shadow:0 12px 35px rgba(0,0,0,0.2)}
@media(max-width:768px){.media-gallery{grid-template-columns:1fr}}
@media(max-width:480px){.media-gallery{gap:12px}.media-gallery .card-media{max-height:240px}}

/* Square cards for compact layout */
.square-card{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding:24px}
.square-card h2{margin-bottom:12px}
.square-card p{margin-bottom:20px;flex-grow:1}
.square-card .button{margin-top:auto}

/* Enhanced Navigation Cards */
.nav-card{background:var(--glass);color:var(--text);padding:24px;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--glass-border);backdrop-filter:blur(15px);transition:all 0.3s ease;text-decoration:none;display:block}
.nav-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,0.2);background:rgba(255,255,255,0.15)}
.nav-card h3{color:var(--accent-light);margin-bottom:12px;font-size:1.2rem}
.nav-card p{color:var(--muted);line-height:1.5;margin:0}

/* Enhanced Features List */
.features{display:flex;gap:12px;flex-wrap:wrap;padding:0;margin:12px 0 0 0}
.features li{list-style:none;background:rgba(0,212,170,0.2);padding:8px 16px;border-radius:999px;border:1px solid rgba(0,212,170,0.3);color:var(--accent-light);font-weight:500;transition:all 0.3s ease}
.features li:hover{background:rgba(0,212,170,0.3);transform:translateY(-2px)}

/* Enhanced Buttons */
.button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;padding:14px 24px;border:none;border-radius:12px;cursor:pointer;font-weight:700;box-shadow:0 8px 25px rgba(0,212,170,0.3);transition:all 0.3s ease;text-decoration:none;display:inline-block;position:relative;overflow:hidden}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(0,212,170,0.4);filter:brightness(1.1)}
.button::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s}
.button:hover::before{left:100%}

/* Enhanced Cards */
.card{background:var(--glass);color:var(--text);padding:32px;margin:20px;border-radius:20px;box-shadow:var(--shadow);max-width:980px;width:100%;border:1px solid var(--glass-border);backdrop-filter:blur(15px);transition:all 0.3s ease;position:relative;overflow:hidden}
.card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,0.2)}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transition:transform 0.3s ease}
.card:hover::before{transform:scaleX(1)}
.card h1,.card h2{margin-top:0;color:#fff}
.card h1{font-size:2.5rem;background:linear-gradient(135deg,var(--accent-light),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.card h2{font-size:1.8rem;color:var(--accent-light)}

/* Responsive Design Improvements */
@media(max-width:768px){
  .live-chat{width:calc(100vw - 40px);height:60vh;right:20px;left:20px}
  .chat-messages{max-height:40vh}
  .nav-card{padding:20px}
  .card{padding:24px;margin:16px}
  .button{padding:12px 20px;font-size:14px}
  .features li{padding:6px 12px;font-size:14px}
}

/* Print Styles */
@media print{
  .live-support,.live-chat,.nav-toggle,.video-toggle{display:none !important}
  .bg-video{display:none !important}
  .card{box-shadow:none;border:1px solid #ccc}
  body{background:white !important;color:black !important}
}

/* Accessibility Improvements */
@media(prefers-reduced-motion:reduce){
  *,.card,.button,.nav-card,.features li,.live-support,.live-chat{transition:none !important;animation:none !important}
}

/* High Contrast Mode */
@media(prefers-contrast:high){
  .card{background:white;color:black;border:2px solid black}
  .button{background:black;color:white;border:2px solid black}
  .live-chat{background:white;color:black;border:2px solid black}
}

/* Scroll Progress Indicator */
.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));z-index:1000;transition:width 0.1s ease}

/* Loading Animation */
body:not(.loaded) .section{opacity:0;transform:translateY(20px)}
body.loaded .section{opacity:1;transform:translateY(0);transition:opacity 0.8s ease,transform 0.8s ease}