:root { --bg:#0a0c12; --text:#e6edf6; --muted:#9aa7b8; --line:rgba(255,255,255,.1); --accent:#7b4f32; --container:1400px; }
        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; }

        .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/28.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; }

        .support-grid { display:grid; grid-template-columns:1fr; gap:18px; padding:42px 0 72px; max-width:980px; margin:0 auto; }
        .support-card {
            border:1px solid rgba(255,255,255,.12);
            border-radius:18px;
            background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
            overflow:hidden;
            box-shadow:0 10px 24px rgba(0,0,0,.24);
            scroll-margin-top:120px;
        }
        .support-panel { display:none; }
        .support-panel.is-active { display:block; animation:panelIn .22s ease; }
        @keyframes panelIn { from { opacity:.35; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
        .support-head {
            padding:14px 16px;
            display:flex;
            align-items:center;
            gap:10px;
            border-bottom:1px solid rgba(255,255,255,.12);
            background:rgba(255,255,255,.02);
            color:#ffb16f;
            letter-spacing:.08em;
            text-transform:uppercase;
            font-size:12px;
            font-weight:700;
        }
        .support-body { padding:18px 16px 20px; }
        .support-title { font-family:'Rajdhani',sans-serif; font-size:34px; line-height:.95; margin:0 0 10px; }
        .support-desc { color:var(--muted); line-height:1.8; margin:0 0 14px; }
        .support-list { margin:0; padding:0; list-style:none; display:grid; gap:8px; }
        .support-list li {
            border:1px solid rgba(255,255,255,.12);
            background:rgba(255,255,255,.03);
            border-radius:10px;
            padding:10px 12px;
            font-size:13px;
            color:#dce5f2;
        }
        .support-form {
            margin-top: 18px;
            border-top: 1px solid rgba(255,255,255,.12);
            padding-top: 16px;
            display: grid;
            gap: 12px;
        }
        .support-form-title {
            margin: 0;
            font-family: 'Rajdhani', sans-serif;
            font-size: 24px;
            letter-spacing: .04em;
        }
        .support-form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }
        .support-form-group {
            display: grid;
            gap: 6px;
        }
        .support-form-group label {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: .08em;
            color: #b9c5d8;
            font-weight: 700;
        }
        .support-form-group input,
        .support-form-group select,
        .support-form-group textarea {
            width: 100%;
            border: 1px solid rgba(255,255,255,.16);
            background: rgba(6,8,13,.46);
            color: #fff;
            border-radius: 10px;
            padding: 11px 12px;
            outline: none;
            font-size: 14px;
            font-family: inherit;
        }
        .support-form-group input:focus,
        .support-form-group select:focus,
        .support-form-group textarea:focus {
            border-color: #ffb16f;
            box-shadow: 0 0 0 2px rgba(255,177,111,.12);
        }
        .support-send-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255,255,255,.16);
            background: #7b4f32;
            color: #fff;
            border-radius: 10px;
            padding: 11px 14px;
            font-size: 12px;
            letter-spacing: .12em;
            text-transform: uppercase;
            font-weight: 700;
            cursor: pointer;
            transition: .2s;
        }
        .support-send-btn:hover { background: #936247; }
        .support-send-btn:disabled { opacity: .65; cursor: not-allowed; }
        .support-form-note {
            min-height: 20px;
            font-size: 13px;
            color: #dce5f2;
        }
        .support-file-help {
            font-size: 11px;
            color: #9fb0c9;
            margin-top: -2px;
        }
        .support-form-group input[type="file"] {
            padding: 10px;
            cursor: pointer;
        }

        .online-contact-box {
            margin-top: 18px;
            border: 1px solid rgba(255,255,255,.14);
            border-radius: 12px;
            background: rgba(255,177,111,.08);
            padding: 14px 12px;
        }
        .online-contact-box h3 {
            margin: 0 0 6px;
            font-size: 18px;
            font-family: 'Rajdhani', sans-serif;
            letter-spacing: .04em;
        }
        .online-contact-box p {
            margin: 0;
            color: #dae4f4;
            font-size: 13px;
            line-height: 1.6;
        }
        .online-contact-actions {
            margin-top: 12px;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .online-contact-link {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            border-radius: 10px;
            border: 1px solid rgba(255,255,255,.18);
            background: rgba(255,255,255,.06);
            color: #fff;
            padding: 9px 11px;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .05em;
            text-transform: uppercase;
            transition: .2s;
        }
        .online-contact-link:hover {
            background: rgba(255,255,255,.12);
            border-color: rgba(255,255,255,.32);
        }
        .online-contact-link.wa {
            background: rgba(25, 171, 104, .2);
            border-color: rgba(67, 221, 149, .45);
        }
        .online-contact-link.wa:hover {
            background: rgba(25, 171, 104, .3);
        }

        .quick-band { border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); padding:28px 0; background:rgba(255,255,255,.02); }
        .quick-shell { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; }
        .quick-title { font-family:'Rajdhani',sans-serif; font-size:32px; margin:0; }
        .quick-actions { display:flex; flex-wrap:wrap; gap:10px; }
        .quick-btn {
            display:inline-flex;
            align-items:center;
            gap:8px;
            padding:10px 14px;
            border-radius:12px;
            border:1px solid rgba(255,255,255,.18);
            color:#fff;
            background:rgba(255,255,255,.04);
            font-size:13px;
            transition:.2s;
        }
        .quick-btn:hover { border-color:#ffb16f; color:#ffb16f; background:rgba(255,177,111,.08); }
        .quick-btn.is-active { border-color:#ffb16f; color:#ffb16f; background:rgba(255,177,111,.12); }

        @media (max-width:780px) {
            .hero { padding:140px 0 70px; }
            .quick-shell { align-items:flex-start; }
            .support-form-grid { grid-template-columns: 1fr; }
        }