/* ========== style.css ========== */
/* SADECE RESET, VARIABLES ve UTILITY CLASSES */

/* ========== RESET & VARIABLES ========== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: #333;
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* ========== UTILITY CLASSES ========== */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.bg-light { background: #f9f9f9; }
.bg-dark { background: #1a1a1a; }
.bg-primary { background: #ff6b6b; }

.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }
.mt-40 { margin-top: 40px; }
.mb-40 { margin-bottom: 40px; }

.p-20 { padding: 20px; }
.p-40 { padding: 40px; }

/* Font sizes */
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-24 { font-size: 24px; }
.fs-32 { font-size: 32px; }

/* Colors */
.text-primary { color: #ff6b6b; }
.text-white { color: #fff; }
.text-dark { color: #333; }
.text-gray { color: #666; }