:root {
    --brand-1: #0A84FF; /* iOS mavisi */
    --brand-2: #6D4DFF; /* mor kırılım */
}
/* ===== Glass Katmanları ===== */
/* Daha şeffaf zemin + güçlü blur */
.glass {
    background: rgba(255,255,255,.14);
    backdrop-filter: saturate(160%) blur(26px);
    -webkit-backdrop-filter: saturate(160%) blur(26px)
}

.glass-strong {
    background: rgba(255,255,255,.22);
    backdrop-filter: saturate(180%) blur(28px);
    -webkit-backdrop-filter: saturate(180%) blur(28px)
}
/* Cam kenarı ve derinlik */
.glass-border {
    position: relative;
    border: 1px solid rgba(255,255,255,.28);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18),0 12px 36px rgba(2,6,23,.12)
}
/* Saç teli highlight (üst kenarda) */
.glass-hairline:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    border-radius: inherit;
    background: linear-gradient(90deg,rgba(255,255,255,.65),rgba(255,255,255,0.2))
}
/* Yumuşak iç parlama */
.inner-soft:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(2,6,23,.06);
    pointer-events: none
}
/* Yüzer hissi */
.glass-float {
    box-shadow: 0 10px 30px rgba(2,6,23,.10),0 20px 60px rgba(2,6,23,.06)
}

.hover-float {
    transition: transform .25s ease, box-shadow .25s ease
}

    .hover-float:hover {
        transform: translateY(-3px);
        box-shadow: 0 14px 38px rgba(2,6,23,.12),0 26px 68px rgba(2,6,23,.08)
    }

/* iOS buton/pill */
.ios-btn {
    border-radius: 9999px;
    transition: all .2s ease;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px)
}

    .ios-btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 8px 22px rgba(2,6,23,.10)
    }

.btn-primary {
    background: linear-gradient(90deg,var(--brand-1),var(--brand-2));
    color: #fff
}

.btn-outline {
    background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.5));
    border: 1px solid rgba(255,255,255,.35);
    color: #0b1220
}

.soft-card {
    border-radius: 1.25rem
}

.dot-area {
    border: 1px dashed rgba(60,60,67,.22)
}