:root { --bg:#0a0c12; --text:#e6edf6; --muted:#9aa7b8; --line:rgba(255,255,255,.1); --accent:#7b4f32; --container:1200px; }
        body { margin:0; font-family:'Inter',sans-serif; color:var(--text); background:radial-gradient(circle at top right, rgba(123,79,50,.08), transparent 26%), var(--bg); }
        .container-main { width:min(var(--container), calc(100% - 32px)); margin-inline:auto; }
        .topbar { position:fixed; top:0; inset-inline:0; z-index:60; border-bottom:1px solid transparent; background:linear-gradient(180deg, rgba(6,8,13,.72), rgba(6,8,13,.35)); backdrop-filter:blur(8px); transition:.3s; }
        .topbar.scrolled { background:hsla(223,37%,4%,.94); border-bottom-color:rgba(255,255,255,.08); box-shadow:0 14px 34px rgba(0,0,0,.28); }
        .topbar-logo { height:44px; transition:.3s; }
        .topbar.scrolled .topbar-logo { height:36px; }
        .nav-link { position:relative; color:#c4c9d4; font-weight:600; letter-spacing:.08em; font-size:13px; transition:.2s; }
        .nav-link:hover, .nav-link.active { color:#fff; }
        .nav-link::after { content:''; position:absolute; left:0; bottom:-10px; width:0; height:2px; background:var(--accent); transition:.2s; }
        .nav-link:hover::after, .nav-link.active::after { width:100%; }
        .nav-dropdown { opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s; pointer-events:none; }
        .nav-item-wrap:hover .nav-dropdown { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
        .target-burger { width:52px; height:52px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); position:relative; }
        .target-burger .bun { position:absolute; width:24px; height:2px; border-radius:999px; background:#fff; transition:.35s; }
        .target-burger .bun:first-child { transform:translateY(-5px); }
        .target-burger .bun:last-child { transform:translateY(5px); }
        .target-burger.toggled .bun:first-child { transform:rotate(45deg); }
        .target-burger.toggled .bun:last-child { transform:rotate(-45deg); }
        .main-nav { position:fixed; inset:0; z-index:80; background:radial-gradient(circle at 15% 10%, rgba(123,79,50,.12), transparent 30%), rgba(6,8,13,.96); backdrop-filter:blur(14px); opacity:0; pointer-events:none; transform:scale(.96); transition:.35s; display:flex; align-items:center; justify-content:center; padding:28px; }
        .main-nav.toggled { opacity:1; pointer-events:auto; transform:scale(1); }
        .main-nav ul { width:min(560px,100%); display:grid; gap:12px; }
        .main-nav a, .main-nav-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:16px 18px; color:#fff; font-size:clamp(18px,3.2vw,24px); letter-spacing:.04em; font-family:'Rajdhani',sans-serif; text-transform:uppercase; background:rgba(255,255,255,.03); }
        .main-nav-head { position:absolute; top:24px; right:24px; }
        .mobile-menu-close { width:46px; height:46px; border-radius:12px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); color:#fff; display:inline-flex; align-items:center; justify-content:center; }
        .mobile-submenu { display:grid; margin-top:8px; gap:8px; max-height:0; opacity:0; overflow:hidden; transform:translateY(-6px); transition:.28s; }
        .mobile-corp-item.open .mobile-submenu { max-height:320px; opacity:1; transform:translateY(0); }
        .hero {
            padding:170px 0 90px;
            border-bottom:1px solid var(--line);
            background-image:
                linear-gradient(120deg, rgba(6,8,13,.9), rgba(6,8,13,.7)),
                url('https://evosan.com.tr/uploads/NewMachineFile/33.png');
            background-size:cover;
            background-position:center;
        }
        .hero h1 { font-family:'Rajdhani',sans-serif; font-size:clamp(42px,9vw,78px); line-height:.92; margin:0 0 10px; }
        .hero p { color:#d7dfeb; max-width:760px; }
        .grid-blog { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:42px 0 80px; }
        .blog-card { border:1px solid rgba(255,255,255,.12); border-radius:18px; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); }
        .blog-single { max-width:1200px; margin:0 auto; }
        .blog-card img { width:100%; aspect-ratio:16/9; object-fit:cover; border-bottom:1px solid rgba(255,255,255,.12); }
        .blog-body { padding:16px; }
        .blog-date { color:#ffb16f; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
        .blog-title { font-family:'Rajdhani',sans-serif; font-size:30px; line-height:1; margin:8px 0; }
        .blog-desc { color:var(--muted); line-height:1.8; overflow-wrap:anywhere; word-break:break-word; }
        .blog-desc * { max-width:100%; }
        .blog-desc img,
        .blog-desc video,
        .blog-desc iframe { height:auto; border-radius:10px; }
        .blog-desc iframe { width:100%; min-height:220px; }
        .blog-desc table { display:block; width:100%; overflow-x:auto; white-space:nowrap; border-collapse:collapse; }
        .blog-desc pre {
            margin:14px 0;
            padding:12px;
            border-radius:10px;
            overflow:auto;
            background:rgba(255,255,255,.05);
            border:1px solid rgba(255,255,255,.12);
        }
        .empty { margin:42px 0 80px; border:1px dashed rgba(255,255,255,.24); border-radius:16px; padding:18px; color:#cfd7e2; background:rgba(255,255,255,.03); text-align:center; }
        @media (max-width:1200px) { .grid-blog { grid-template-columns:repeat(2,minmax(0,1fr)); } }
        @media (max-width:780px) {
            .hero { padding:140px 0 70px; }
            .grid-blog { grid-template-columns:1fr; }
            .blog-title { font-size:24px; }
            .blog-body { padding:14px; }
            .blog-single { max-width:100%; }
        }