:root {
    --gold: #ffcc00;
    --blue: #102652;
    --dark: #071021;
    --glass: rgba(255, 255, 255, 0.03);
}

body { background: var(--blue); color: #fff; font-family: 'Inter', sans-serif; margin: 0; overflow-x: hidden; }

/* --- HERO & FLOATING ICONS --- */
.ultra-hero {
    padding: 160px 0 100px; text-align: center; position: relative; overflow: hidden;
    background: radial-gradient(circle at top, #1e3a8a 0%, var(--blue) 100%);
}

.hero-main-glow {
    position: absolute; top: -10%; left: 50%; transform: translateX(-50%);
    width: 800px; height: 400px; background: radial-gradient(circle, rgba(255,204,0,0.1) 0%, transparent 70%); filter: blur(100px);
}

.floating-tech-icons i {
    position: absolute; color: rgba(255,255,255,0.05); font-size: 60px;
    animation: heroFloat 8s infinite ease-in-out; z-index: 1;
}
.el-1 { top: 10%; left: 5%; }
.el-2 { top: 20%; right: 10%; animation-delay: 2s; }
.el-3 { bottom: 15%; left: 10%; animation-delay: 4s; }
.el-4 { top: 40%; right: 5%; font-size: 30px; }
.el-5 { top: 60%; left: 5%; font-size: 40px; animation-delay: 1s; }
.el-6 { bottom: 10%; right: 20%; animation-delay: 3s; }

@keyframes heroFloat { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-40px) rotate(15deg); } }

/* 🔥 SHIMMER EFFECT (BAŞLIK PARILTISI) 🔥 */
.premium-title, .shimmer-text {
    font-size: clamp(40px, 7vw, 75px); font-weight: 900; letter-spacing: -2px;
    background: linear-gradient(90deg, #fff 0%, var(--gold) 50%, #fff 100%);
    background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    animation: shimmer 4s linear infinite;
}
@keyframes shimmer { to { background-position: 200% center; } }

.premium-badge {
    background: rgba(255,204,0,0.1); color: var(--gold); padding: 10px 25px; border-radius: 100px;
    font-weight: 900; letter-spacing: 2px; border: 1px solid rgba(255,204,0,0.2);
    display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px;
}

.premium-sub { font-size: 20px; opacity: 0.7; max-width: 800px; margin: 0 auto; font-weight: 300; }

/* --- GRID & CARDS --- */
.main-glass-grid {
    display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 40px;
    max-width: 1400px; margin: -50px auto 80px; padding: 0 20px;
}

.premium-card {
    background: var(--glass); backdrop-filter: blur(30px); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 40px; padding: 50px; box-shadow: 0 40px 100px rgba(0,0,0,0.4);
}

/* SIKIŞMAYI ÖNLEYEN HEADER AYARI */
.card-inner-header { margin-bottom: 45px; position: relative; }
.shimmer-text { font-size: 42px; margin-bottom: 5px; display: block; line-height: 1.2; }
.header-desc { font-size: 17px; color: rgba(255,255,255,0.7); font-weight: 300; line-height: 1.5; margin-top: 15px; }
.accent-line { width: 70px; height: 5px; background: var(--gold); margin: 20px 0; border-radius: 10px; }

/* --- FORM --- */
.input-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.field-wrapper { position: relative; margin-bottom: 20px; }
.field-wrapper i { position: absolute; left: 20px; top: 22px; color: var(--gold); font-size: 20px; }
.field-wrapper input, .field-wrapper textarea {
    width: 100%; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1);
    padding: 22px 22px 22px 55px; border-radius: 18px; color: #fff; font-size: 16px; outline: none; transition: 0.3s;
}
.field-wrapper textarea { padding-left: 20px; }
.field-wrapper input:focus, .field-wrapper textarea:focus { border-color: var(--gold); background: rgba(0,0,0,0.5); }

.btn-god-gold {
    width: 100%; background: var(--gold); color: var(--blue); padding: 22px; border-radius: 18px;
    font-weight: 900; font-size: 18px; border: none; cursor: pointer; transition: 0.4s; display: flex; align-items: center; justify-content: center; gap: 10px;
}
.btn-god-gold:hover { transform: translateY(-5px); box-shadow: 0 10px 40px rgba(255,204,0,0.4); }

/* --- MAP --- */
.map-box { padding: 0 !important; overflow: hidden; position: relative; min-height: 600px; }
.map-container { width: 100%; height: 100%; }
.map-container iframe { width: 100%; height: 100%; border: none; filter: grayscale(1) invert(0.92) contrast(1.2); }
.map-footer-cta { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 80%; text-align: center; }
.btn-map-nav { background: var(--gold); color: var(--blue); padding: 18px 40px; border-radius: 100px; text-decoration: none; font-weight: 900; display: inline-flex; align-items: center; gap: 10px; }

/* --- BOTTOM CARDS (ZARİF & KOMPAKT) --- */
.bottom-info-cards { padding-bottom: 120px; }
.bottom-grid { display: flex; justify-content: center; gap: 25px; max-width: 1150px; margin: 0 auto; padding: 0 20px; }
.b-card {
    flex: 1; max-width: 360px; background: rgba(255,255,255,0.02); padding: 45px 30px;
    border-radius: 35px; border: 1px solid rgba(255,255,255,0.05); text-align: center; text-decoration: none; color: #fff; transition: 0.4s;
}
.b-icon { font-size: 45px; color: var(--gold); margin-bottom: 20px; }
.b-card h4 { font-size: 21px; font-weight: 800; margin-bottom: 10px; }
.b-card p { font-size: 14px; opacity: 0.6; margin-bottom: 15px; font-weight: 300; }
.b-card span { font-weight: 800; color: var(--gold); font-size: 17px; }
.b-card:hover { transform: translateY(-12px); background: rgba(255,204,0,0.06); border-color: var(--gold); }

/* ALERT BOXES */
.alert-box { padding: 20px; border-radius: 15px; margin-bottom: 30px; font-weight: 700; text-align: center; border: 1px solid; }
.success-alert { background: rgba(34,197,94,0.1); color: #22c55e; border-color: #22c55e; }
.error-alert { background: rgba(239,68,68,0.1); color: #ef4444; border-color: #ef4444; }

@media (max-width: 1100px) {
    .main-glass-grid, .bottom-grid, .input-row { grid-template-columns: 1fr; flex-direction: column; align-items: center; }
    .b-card { width: 100%; max-width: 450px; }
}