:root{
  --bg:#05070d;--panel:#0b101b;--panel2:#0f1624;--line:rgba(255,255,255,.09);
  --text:#f5f7fb;--muted:#9aa6b8;--cyan:#00e5ff;--green:#00ff9d;
  --accent:linear-gradient(135deg,#00e5ff 0%,#00ff9d 100%);
  --shadow:0 25px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:
radial-gradient(circle at 15% 10%,rgba(0,229,255,.10),transparent 28%),
radial-gradient(circle at 85% 35%,rgba(0,255,157,.07),transparent 28%),
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
background-size:auto,auto,42px 42px,42px 42px;z-index:-2}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin:auto}
.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1120px,92%);z-index:20;padding:12px 16px;border:1px solid var(--line);background:rgba(5,7,13,.78);backdrop-filter:blur(18px);border-radius:18px;display:flex;align-items:center;justify-content:space-between}
.brand{font-family:"Space Grotesk";font-weight:700;letter-spacing:.5px;font-size:1.1rem}
.brand b{color:var(--cyan)}
.navlinks{display:flex;gap:22px;align-items:center;font-size:.9rem;color:#cbd3df}
.navlinks a:hover{color:#fff}
.navcta{padding:9px 14px;border-radius:10px;background:rgba(0,255,157,.1);border:1px solid rgba(0,255,157,.28);color:var(--green)!important}
.hero{min-height:92vh;display:grid;place-items:center;text-align:center;padding:150px 0 90px;position:relative}
.badge{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(0,229,255,.22);background:rgba(0,229,255,.06);border-radius:999px;color:#b9f7ff;font-size:.82rem;margin-bottom:25px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}
h1{font-family:"Space Grotesk";font-size:clamp(3rem,7vw,6.5rem);line-height:.98;letter-spacing:-.055em;max-width:1050px;margin:auto}
.gradient{background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:820px;margin:28px auto 0;color:var(--muted);font-size:1.12rem}
.hero-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:35px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border-radius:12px;font-weight:700;border:1px solid var(--line);transition:.25s}
.btn-primary{background:var(--accent);color:#00120d;border:0;box-shadow:0 12px 35px rgba(0,229,255,.15)}
.btn-secondary{background:rgba(255,255,255,.035)}
.btn:hover{transform:translateY(-3px)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.025)}
.stat{padding:20px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}.stat strong{font:700 1.35rem "Space Grotesk";display:block}.stat span{font-size:.78rem;color:var(--muted)}
.section{padding:105px 0}
.eyebrow{color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}
.section-title{font:700 clamp(2rem,4vw,3.4rem) "Space Grotesk";letter-spacing:-.04em}
.section-desc{color:var(--muted);max-width:720px;margin-top:14px}
.grid{display:grid;gap:16px}
.cards-4{grid-template-columns:repeat(4,1fr);margin-top:40px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:18px;padding:25px;transition:.3s;position:relative;overflow:hidden}
.card:after{content:"";position:absolute;inset:auto -30% -70% -30%;height:130px;background:radial-gradient(circle,rgba(0,229,255,.10),transparent 65%);pointer-events:none}
.card:hover{transform:translateY(-6px);border-color:rgba(0,229,255,.25)}
.icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(0,229,255,.08);color:var(--cyan);font-size:1.15rem;margin-bottom:19px}
.card h3{font-size:1.05rem;margin-bottom:8px}.card p{color:var(--muted);font-size:.9rem}
.fivem{background:linear-gradient(135deg,rgba(0,229,255,.06),rgba(0,255,157,.025));border-top:1px solid rgba(0,229,255,.15);border-bottom:1px solid rgba(0,229,255,.08)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}
.checks{display:grid;gap:13px;margin-top:28px}.check{display:flex;gap:12px;align-items:flex-start;color:#d9e0e9}.check i{color:var(--green);margin-top:5px}
.fivem-box{padding:30px;border:1px solid var(--line);background:rgba(5,7,13,.55);border-radius:22px;box-shadow:var(--shadow)}
.fivem-box .terminal{font-family:monospace;color:#8efad0;font-size:.85rem;line-height:1.9}
.products{grid-template-columns:repeat(3,1fr);margin-top:40px}
.product{padding:0;overflow:hidden}.product-top{height:160px;display:grid;place-items:center;background:linear-gradient(135deg,#07131b,#0b1a20);font-size:3rem;color:var(--cyan)}
.product-body{padding:25px}.price{font:700 1.25rem "Space Grotesk";margin:18px 0;color:var(--green)}
.service-grid{grid-template-columns:repeat(4,1fr);margin-top:40px}
.service{padding:26px}.service small{display:inline-block;margin-top:16px;color:var(--green);font-weight:700}
.cta{padding:70px 35px;border:1px solid rgba(0,255,157,.2);border-radius:28px;background:radial-gradient(circle at 80% 20%,rgba(0,255,157,.09),transparent 35%),linear-gradient(135deg,rgba(0,229,255,.06),rgba(255,255,255,.02));text-align:center}
.cta p{color:var(--muted);max-width:700px;margin:14px auto 26px}
.contact-options{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
footer{border-top:1px solid var(--line);padding:35px 0;color:#788496;font-size:.85rem}
.footer-inner{display:flex;justify-content:space-between;gap:20px}
@media(max-width:950px){.cards-4,.service-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.products{grid-template-columns:1fr}.navlinks a:not(.navcta){display:none}}
@media(max-width:600px){.hero{padding-top:125px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.cards-4,.service-grid{grid-template-columns:1fr}.section{padding:75px 0}.footer-inner{flex-direction:column}.nav{top:10px}}
/* ADMİNDEV içerik koruma katmanı */
body, body * { -webkit-user-select:none; user-select:none; }
img { -webkit-user-drag:none; user-drag:none; }
input, textarea { -webkit-user-select:text; user-select:text; }

/* ADMİNDEV Kopyalama/Geliştirici Araçları Bildirimi */
.security-notice {
    position: fixed !important;
    left: 50%;
    right: auto;
    bottom: auto;
    top: 24px;
    transform: translate(-50%, -24px);
    width: min(520px, calc(100% - 30px));
    padding: 18px 20px;
    border: 1px solid rgba(0,229,255,.32);
    border-radius: 16px;
    background: rgba(6,10,18,.94);
    backdrop-filter: blur(18px);
    box-shadow: 0 20px 60px rgba(0,0,0,.55), 0 0 35px rgba(0,229,255,.08);
    z-index: 2147483647;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.security-notice.show {
    opacity: 1;
    transform: translate(-50%, 0);
}
.security-notice .security-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(0,229,255,.09);
    color: var(--cyan);
    font-size: 18px;
}
.security-notice strong {
    display: block;
    color: #fff;
    font-size: .96rem;
    margin-bottom: 3px;
}
.security-notice span {
    display: block;
    color: #9aa6b8;
    font-size: .82rem;
    line-height: 1.5;
}
.security-notice .close-notice {
    margin-left: auto;
    border: 0;
    background: transparent;
    color: #687587;
    cursor: pointer;
    font-size: 16px;
}
.security-notice .close-notice:hover { color: #fff; }


.service-grid .service { color: inherit; text-decoration: none; display: block; cursor: pointer; }
.service-grid .service small { color: var(--green); }


/* Hareketli kod arka planı */
#codeRain {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: .42;
    mix-blend-mode: screen;
}
body > *:not(#codeRain) {
    position: relative;
    z-index: 1;
}


@media(max-width:600px){
    .security-notice{
        top:16px;
        left:50%;
        right:auto;
        width:calc(100% - 24px);
    }
}


/* Bildirim kesin viewport sabitleme */
.security-notice {
    position: fixed !important;
    top: 24px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(520px, calc(100vw - 30px)) !important;
    z-index: 2147483647 !important;
    transform: translate3d(-50%, -24px, 0) !important;
}
.security-notice.show {
    transform: translate3d(-50%, 0, 0) !important;
}
@media (max-width:600px) {
    .security-notice {
        top: 16px !important;
        width: calc(100vw - 24px) !important;
    }
}


/* ADMİNDEV — Sabit dönen dairesel marka */
.floating-round-mark {
    position: fixed !important;
    right: 28px !important;
    bottom: 28px !important;
    width: 118px;
    height: 118px;
    z-index: 2147483646 !important;
    pointer-events: none;
    display: grid;
    place-items: center;
    transform: translateZ(0);
    animation: admindevClockwise 10s linear infinite;
    filter:
        drop-shadow(0 0 7px rgba(0,229,255,.38))
        drop-shadow(0 0 22px rgba(0,229,255,.16));
}
.floating-round-mark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
}
@keyframes admindevClockwise {
    from { transform: rotate(0deg) translateZ(0); }
    to   { transform: rotate(360deg) translateZ(0); }
}
@media (max-width: 600px) {
    .floating-round-mark {
        right: 16px !important;
        bottom: 16px !important;
        width: 88px;
        height: 88px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .floating-round-mark { animation-duration: 18s; }
}