:root{
    --blue:#2463eb;
    --blue2:#1746b5;
    --orange:#ff9f1c;
    --green:#16a34a;
    --text:#10233d;
    --muted:#64748b;
    --bg:#f5f8fc;
    --white:#ffffff;
    --line:#e3eaf3;
    --soft:#eef5ff;
    --shadow:0 18px 55px rgba(15,23,42,.09);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    background:var(--bg);
    color:var(--text);
}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 32px));margin:auto}

/* Header */
.topbar{
    background:#1746b5;
    color:#fff;
    font-size:13px;
}
.topbar-inner{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:9px 0;
}
.site-header{
    background:#fff;
    border-bottom:1px solid var(--line);
    position:sticky;
    top:0;
    z-index:100;
}
.nav{
    height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.logo{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:24px;
    font-weight:900;
    color:#14325f;
}
.logo strong span{color:var(--blue)}
.logo-mark{
    width:42px;
    height:42px;
    border-radius:14px;
    background:linear-gradient(135deg,var(--blue),#75adff);
    color:#fff;
    display:grid;
    place-items:center;
    font-weight:900;
}
.menu{
    display:flex;
    align-items:center;
    gap:22px;
    font-weight:700;
    color:#31435c;
}
.menu > a,
.has-mega > a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:28px 0;
}
.admin-link{
    background:var(--blue);
    color:#fff!important;
    border-radius:12px;
    padding:12px 18px!important;
}
.menu-btn{
    display:none;
    background:none;
    border:0;
    font-size:25px;
    cursor:pointer;
    color:var(--text);
}
.has-mega{position:relative}
.mega-menu{
    display:none;
    position:absolute;
    top:70px;
    right:-310px;
    width:900px;
    background:#fff;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    border-radius:20px;
    padding:18px;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}
.has-mega:hover .mega-menu{display:grid}
.mega-menu a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    border-radius:13px;
    color:#334155;
}
.mega-menu a:hover{
    background:var(--soft);
    color:var(--blue);
}
.mega-menu i{
    color:var(--blue);
    width:22px;
}
.mega-menu em{
    margin-left:auto;
    background:var(--orange);
    color:#fff;
    font-style:normal;
    border-radius:99px;
    padding:2px 7px;
    font-size:11px;
}

/* Ana Sayfa */
.ws-hero{
    background:
        radial-gradient(circle at 12% 12%,rgba(35,100,232,.18),transparent 28%),
        radial-gradient(circle at 82% 18%,rgba(255,159,28,.16),transparent 24%),
        linear-gradient(180deg,#fff 0%,#edf5ff 100%);
    padding:76px 0 56px;
    overflow:hidden;
}
.ws-hero-grid{
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:38px;
    align-items:center;
}
.ws-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#e9f2ff;
    color:var(--blue);
    border:1px solid #cfe1ff;
    padding:9px 14px;
    border-radius:999px;
    font-weight:900;
    margin-bottom:16px;
}
.ws-hero h1{
    font-size:58px;
    line-height:1.02;
    margin:0 0 18px;
    color:#10233d;
    letter-spacing:-1.6px;
}
.ws-hero p{
    font-size:19px;
    color:var(--muted);
    line-height:1.75;
    margin:0 0 28px;
    max-width:780px;
}
.ws-search{
    background:#fff;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    border-radius:22px;
    padding:12px;
    display:grid;
    grid-template-columns:210px 1fr auto;
    gap:10px;
    align-items:center;
}
.ws-select{
    height:58px;
    border:1px solid #d9e2ef;
    background:#f8fbff;
    border-radius:16px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 15px;
    font-weight:900;
    color:#334155;
}
.ws-select i{color:var(--blue)}
.ws-search input{
    height:58px;
    border:1px solid #d9e2ef;
    background:#f8fbff;
    border-radius:16px;
    padding:0 17px;
    font-size:16px;
    outline:none;
}
.ws-search input:focus{
    border-color:var(--blue);
    background:#fff;
}
.ws-search button{
    height:58px;
    border:0;
    border-radius:16px;
    background:linear-gradient(135deg,var(--blue),var(--blue2));
    color:#fff;
    font-weight:900;
    padding:0 24px;
    font-size:16px;
    cursor:pointer;
}
.ws-quick{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}
.ws-quick a{
    background:#fff;
    border:1px solid var(--line);
    border-radius:999px;
    padding:10px 13px;
    font-weight:800;
    color:#334155;
}
.ws-quick a i{
    color:var(--blue);
    margin-right:6px;
}
.ws-hero-panel{
    background:#fff;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    border-radius:30px;
    padding:28px;
}
.ws-panel-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:24px;
}
.ws-panel-top strong{
    display:block;
    font-size:18px;
}
.ws-panel-top span{
    display:block;
    color:var(--muted);
    font-size:14px;
    margin-top:4px;
}
.ws-panel-top i{
    font-size:30px;
    color:var(--green);
}
.ws-score-wrap{
    display:grid;
    grid-template-columns:128px 1fr;
    gap:20px;
    align-items:center;
    margin-bottom:22px;
}
.ws-score{
    width:128px;
    height:128px;
    border-radius:50%;
    background:conic-gradient(var(--blue) 0 94%,#e7edf6 94% 100%);
    display:grid;
    place-items:center;
    color:#fff;
    font-size:40px;
    font-weight:900;
    box-shadow:0 12px 35px rgba(35,100,232,.22);
}
.ws-score-wrap h3{
    font-size:24px;
    margin:0 0 8px;
}
.ws-score-wrap p{
    font-size:15px;
    line-height:1.6;
    margin:0;
    color:var(--muted);
}
.ws-mini-metrics{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-bottom:18px;
}
.ws-mini-metrics div{
    background:#f8fbff;
    border:1px solid var(--line);
    border-radius:16px;
    padding:14px;
    text-align:center;
}
.ws-mini-metrics span{
    display:block;
    color:var(--muted);
    font-weight:800;
    margin-bottom:5px;
}
.ws-mini-metrics strong{
    font-size:23px;
    color:#10233d;
}
.ws-check-list{
    padding:0;
    margin:0;
    list-style:none;
}
.ws-check-list li{
    padding:9px 0;
    color:#334155;
    font-weight:700;
}
.ws-check-list i{
    color:var(--green);
    margin-right:8px;
}
.ws-stats{
    margin-top:-28px;
    position:relative;
    z-index:5;
}
.ws-stats-grid{
    background:#fff;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    border-radius:22px;
    padding:22px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}
.ws-stats-grid div{
    text-align:center;
    border-right:1px solid var(--line);
}
.ws-stats-grid div:last-child{border-right:0}
.ws-stats-grid strong{
    display:block;
    font-size:32px;
    color:#10233d;
}
.ws-stats-grid span{
    display:block;
    color:var(--muted);
    font-weight:800;
    margin-top:5px;
}
.ws-popular,
.ws-categories,
.ws-faq{
    padding:62px 0;
}
.ws-section-head{
    text-align:center;
    max-width:760px;
    margin:0 auto 36px;
}
.ws-section-head span{
    color:var(--blue);
    font-weight:900;
}
.ws-section-head h2{
    font-size:38px;
    margin:10px 0;
    color:#10233d;
}
.ws-section-head p{
    color:var(--muted);
    line-height:1.7;
    margin:0;
}
.ws-popular-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}
.ws-popular-card{
    position:relative;
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    padding:24px;
    min-height:214px;
    transition:.2s;
    display:flex;
    flex-direction:column;
}
.ws-popular-card:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow);
    border-color:#bcd6ff;
}
.ws-popular-card b{
    position:absolute;
    right:16px;
    top:16px;
    background:var(--orange);
    color:#fff;
    padding:5px 9px;
    border-radius:999px;
    font-size:12px;
}
.ws-tool-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    background:#edf5ff;
    color:var(--blue);
    display:grid;
    place-items:center;
    font-size:24px;
    margin-bottom:16px;
}
.ws-popular-card h3{
    font-size:18px;
    margin:0 0 8px;
    color:#172a45;
}
.ws-popular-card p{
    font-size:14px;
    color:var(--muted);
    line-height:1.55;
    margin:0 0 16px;
}
.ws-card-link{
    margin-top:auto;
    color:var(--blue);
    font-weight:900;
}
.ws-categories{
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}
.ws-category-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}
.ws-category-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    padding:24px;
    box-shadow:0 10px 25px rgba(15,23,42,.04);
}
.ws-category-card h3{
    font-size:23px;
    margin:0 0 16px;
    color:#10233d;
}
.ws-category-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}
.ws-category-list a{
    display:flex;
    align-items:center;
    gap:10px;
    background:#f8fbff;
    border:1px solid #e8eef7;
    border-radius:14px;
    padding:12px;
    color:#334155;
    font-weight:800;
}
.ws-category-list a:hover{
    background:#edf5ff;
    color:var(--blue);
}
.ws-category-list i{
    color:var(--blue);
    width:22px;
}
.ws-features{
    padding:64px 0;
    background:linear-gradient(180deg,#f8fbff,#fff);
}
.ws-features-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:34px;
    align-items:center;
}
.ws-feature-left h2{
    font-size:40px;
    line-height:1.12;
    margin:0 0 16px;
    color:#10233d;
}
.ws-feature-left p{
    color:var(--muted);
    line-height:1.75;
    font-size:17px;
}
.ws-main-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--blue);
    color:#fff;
    padding:14px 20px;
    border-radius:14px;
    font-weight:900;
    margin-top:10px;
}
.ws-feature-cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}
.ws-feature-cards div{
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    padding:22px;
}
.ws-feature-cards i{
    font-size:25px;
    color:var(--blue);
    margin-bottom:14px;
}
.ws-feature-cards strong{
    display:block;
    margin-bottom:8px;
    font-size:18px;
}
.ws-feature-cards span{
    color:var(--muted);
    line-height:1.55;
}
.ws-faq-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}
.ws-faq details{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:18px;
}
.ws-faq summary{
    cursor:pointer;
    font-weight:900;
    color:#10233d;
}
.ws-faq p{
    color:var(--muted);
    line-height:1.65;
    margin-bottom:0;
}

/* Tool Page */
.domain-search{
    background:#fff;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    border-radius:20px;
    padding:13px;
    display:flex;
    gap:12px;
    align-items:end;
    max-width:760px;
}
.domain-search.small{max-width:850px}
.domain-search div{flex:1}
.domain-search label{
    display:block;
    font-size:13px;
    font-weight:900;
    color:#475569;
    margin:0 0 7px 5px;
}
.domain-search input{
    width:100%;
    border:1px solid #d9e2ef;
    background:#f8fbff;
    border-radius:14px;
    padding:17px 16px;
    font-size:16px;
    outline:none;
}
.domain-search button{
    border:0;
    background:linear-gradient(135deg,var(--blue),var(--blue2));
    color:#fff;
    border-radius:14px;
    padding:17px 26px;
    font-weight:900;
    font-size:16px;
    cursor:pointer;
}
.tool-hero{
    background:linear-gradient(180deg,#fff,#eef5ff);
    border-bottom:1px solid var(--line);
    padding:58px 0;
}
.tool-hero h1{
    font-size:44px;
    margin:0 0 12px;
}
.tool-hero p{
    font-size:18px;
    color:var(--muted);
    line-height:1.7;
}
.alert{
    margin-top:18px;
    padding:14px 16px;
    border-radius:14px;
    font-weight:800;
}
.error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}
.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.results{padding:38px 0}
.result-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}
.result-top h2{
    font-size:32px;
    margin:0;
}
.result-top p{
    color:var(--muted);
    margin:6px 0 0;
}
.light-btn{
    background:#fff;
    border:1px solid var(--line);
    padding:12px 16px;
    border-radius:12px;
    font-weight:900;
    color:var(--blue);
}
.metrics{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:14px;
    margin-bottom:18px;
}
.metrics div{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:18px;
    text-align:center;
}
.metrics span{
    display:block;
    color:var(--muted);
    font-weight:900;
    margin-bottom:8px;
}
.metrics strong{
    font-size:24px;
    color:#10233d;
    word-break:break-word;
}
.notice{
    background:#fff8eb;
    color:#8a4b00;
    border:1px solid #ffe1a7;
    border-radius:16px;
    padding:15px 18px;
    margin-bottom:18px;
    font-weight:700;
}
.two-col{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.panel{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:22px;
    margin-bottom:18px;
}
.panel h3{
    margin:0 0 16px;
    font-size:22px;
}
.panel h4{
    margin:22px 0 10px;
    color:var(--blue);
}
.table-scroll{overflow:auto}
table{
    width:100%;
    border-collapse:collapse;
}
th,td{
    border:1px solid #e2e8f0;
    padding:10px 12px;
    text-align:left;
    vertical-align:top;
    word-break:break-word;
}
th{
    background:#f8fbff;
    color:#334155;
}
tr.gap td{
    background:#f8fafc;
    height:8px;
    padding:3px;
}
pre{
    background:#0f172a;
    color:#e2e8f0;
    padding:18px;
    border-radius:14px;
    overflow:auto;
    white-space:pre-wrap;
    max-height:520px;
}

/* Footer */
.footer{
    background:#10233d;
    color:#cbd5e1;
    padding-top:42px;
}
.footer-grid{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr;
    gap:28px;
}
.footer .logo{
    color:#fff;
    margin-bottom:14px;
}
.footer p{
    line-height:1.7;
    color:#cbd5e1;
}
.footer h4{
    color:#fff;
    margin:0 0 12px;
}
.footer a{
    display:block;
    color:#cbd5e1;
    margin:9px 0;
}
.copy{
    text-align:center;
    border-top:1px solid rgba(255,255,255,.12);
    padding:18px;
    margin-top:28px;
    color:#94a3b8;
}

/* Admin */
.admin-body{background:#f5f7fb}
.admin-shell{
    display:flex;
    min-height:100vh;
}
.admin-sidebar{
    width:260px;
    background:#fff;
    border-right:1px solid var(--line);
    padding:22px;
    position:fixed;
    inset:0 auto 0 0;
}
.admin-main{
    margin-left:260px;
    flex:1;
    padding:26px;
}
.admin-menu{
    margin-top:28px;
    display:grid;
    gap:8px;
}
.admin-menu a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border-radius:12px;
    color:#334155;
    font-weight:800;
}
.admin-menu a:hover{
    background:#edf5ff;
    color:var(--blue);
}
.admin-top{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:18px 22px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:22px;
}
.admin-top h1{margin:0 0 6px}
.admin-top p{margin:0;color:var(--muted)}
.admin-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:22px;
    margin-bottom:18px;
}
.admin-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}
.admin-stat strong{
    display:block;
    font-size:30px;
    margin-top:8px;
}
.form-grid{
    display:grid;
    gap:16px;
}
.form-row label{
    display:block;
    font-weight:900;
    margin-bottom:8px;
    color:#334155;
}
.form-row input,
.form-row textarea{
    width:100%;
    border:1px solid #d9e2ef;
    background:#fff;
    border-radius:12px;
    padding:13px 14px;
}
.btn-primary{
    border:0;
    background:var(--blue);
    color:#fff;
    padding:13px 18px;
    border-radius:12px;
    font-weight:900;
    cursor:pointer;
}
.login-wrap{
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:20px;
}
.login-card{
    width:min(430px,100%);
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    box-shadow:var(--shadow);
    padding:28px;
}

/* Responsive */
@media(max-width:1100px){
    .mega-menu{
        right:-180px;
        width:760px;
        grid-template-columns:repeat(2,1fr);
    }
    .ws-popular-grid{grid-template-columns:repeat(2,1fr)}
    .ws-hero-grid,
    .ws-features-grid{grid-template-columns:1fr}
}
@media(max-width:920px){
    .topbar-inner{flex-direction:column}
    .menu-btn{display:block}
    .menu{
        position:fixed;
        top:116px;
        left:16px;
        right:16px;
        background:#fff;
        border:1px solid var(--line);
        box-shadow:var(--shadow);
        border-radius:18px;
        padding:16px;
        display:none;
        flex-direction:column;
        align-items:stretch;
        max-height:calc(100vh - 140px);
        overflow:auto;
    }
    body.menu-open .menu{display:flex}
    .menu > a,
    .has-mega > a{padding:12px}
    .mega-menu{
        position:static;
        width:100%;
        display:none;
        box-shadow:none;
        grid-template-columns:1fr;
        border-radius:12px;
    }
    .has-mega.open .mega-menu{display:grid}
    .ws-hero h1{font-size:40px}
    .ws-search{grid-template-columns:1fr}
    .ws-stats-grid{grid-template-columns:repeat(2,1fr)}
    .ws-stats-grid div{border-right:0}
    .ws-category-grid,
    .ws-category-list,
    .ws-feature-cards,
    .ws-faq-grid,
    .two-col,
    .footer-grid{grid-template-columns:1fr}
    .domain-search{flex-direction:column;align-items:stretch}
    .metrics{grid-template-columns:repeat(2,1fr)}
    .admin-sidebar{position:static;width:auto}
    .admin-shell{display:block}
    .admin-main{margin-left:0}
    .admin-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
    .ws-hero{padding:48px 0}
    .ws-hero h1{font-size:34px}
    .ws-score-wrap{grid-template-columns:1fr;text-align:center}
    .ws-score{margin:auto}
    .ws-popular-grid{grid-template-columns:1fr}
    .ws-stats-grid{grid-template-columns:1fr}
    .metrics{grid-template-columns:1fr}
    .result-top{flex-direction:column;align-items:flex-start}
}