/* Genel Ayarlar */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Roboto', sans-serif; color:#fff; background:linear-gradient(to right,#0f2027,#203a43,#2c5364); line-height:1.6; min-height:100vh; display:flex; flex-direction:column; }

/* Navbar */
nav { display:flex; justify-content:space-between; align-items:center; padding:15px 30px; background:rgba(0,0,0,0.8); position:fixed; width:100%; top:0; z-index:1000; }
nav ul { display:flex; list-style:none; gap:20px; }
nav ul li a { color:#fff; text-decoration:none; font-weight:500; transition:0.3s; }
nav ul li a:hover { color:#00f0ff; }
.nav-toggle { display:none; font-size:1.8rem; cursor:pointer; color:#fff; }
nav .logo img { width:50px; height:50px; border-radius:50%; margin-right:10px; vertical-align:middle; }
nav .logo { display:flex; align-items:center; font-family:'Orbitron',sans-serif; font-size:1.5rem; color:#ff9900; font-weight:700; }

/* Main / Section */
main { flex:1; padding:120px 20px 60px; max-width:1000px; margin:0 auto; text-align:center; }
.hero h1 { font-family:'Orbitron',sans-serif; font-size:3rem; color:#ff9900; margin-bottom:10px; }
.hero p { font-size:1.2rem; color:#00f0ff; margin-bottom:30px; }

/* Buttons */
.btn-section { display:flex; justify-content:center; flex-wrap:wrap; gap:15px; margin-top:20px; }
button, .button { padding:12px 25px; font-size:1rem; font-weight:600; color:#fff; background:#ff9900; border:none; border-radius:50px; cursor:pointer; transition:0.3s; }
button:hover, .button:hover { background:#ffaa33; transform:scale(1.05); }

/* Cards */
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-top:30px; }
.card { background:rgba(255,255,255,0.05); padding:20px; border-radius:15px; transition:0.3s; }
.card:hover { background:rgba(255,255,255,0.15); transform:translateY(-5px); }

/* Form */
form { max-width:500px; margin:20px auto; display:flex; flex-direction:column; gap:15px; }
input, textarea { padding:12px 15px; border:none; border-radius:10px; font-size:1rem; }
textarea { min-height:120px; resize:vertical; }
.form-buttons { display:flex; justify-content:center; margin-top:10px; }

/* Sosyal Butonlar */
.social-buttons { display:flex; justify-content:center; gap:15px; flex-wrap:wrap; margin-top:15px; }
.social-buttons a button { display:flex; align-items:center; gap:8px; padding:12px 25px; border:none; border-radius:50px; background:#00f0ff; color:#fff; font-weight:600; cursor:pointer; transition:0.3s; }
.social-buttons a button:hover { background:#00d0ff; transform:scale(1.05); }
.social-buttons img { width:20px; height:20px; }

/* Footer Sabit */
.footer { text-align:center; padding:25px 20px; background:rgba(0,0,0,0.85); color:#ccc; position:relative; bottom:0; width:100%; }

/* Responsive */
@media (max-width:768px){
  nav ul { flex-direction:column; display:none; gap:10px; background:rgba(0,0,0,0.9); position:absolute; top:65px; right:0; width:200px; padding:10px; border-radius:10px; }
  nav ul.show { display:flex; }
  .nav-toggle { display:block; }
  .hero h1 { font-size:2.2rem; }
  .hero p { font-size:1rem; }
  .btn-section { flex-direction:column; }
  .cards { grid-template-columns:1fr; }
  form { width:90%; }
}
@media (max-width:480px){
  .hero h1 { font-size:1.8rem; }
  .hero p { font-size:0.9rem; }
  button, .button { width:100%; }
  .social-buttons a button { width:100%; justify-content:center; }
}