:root {
    --primary-cyan: #00e58f;
    --bg-dark: #050505;
    --text-light: #ffffff;
}
* { margin:0; padding:0; box-sizing:border-box; font-family:sans-serif; }
body { background-color: var(--bg-dark); color: var(--text-light); overflow-x:hidden; }

header { display:flex; justify-content:space-between; align-items:center; padding:20px 40px; position:absolute; top:0; width:100%; z-index:100; background:linear-gradient(to bottom, rgba(0,0,0,0.9), transparent); }
.brand { display:flex; align-items:center; gap:10px; font-size:28px; font-weight:bold; }
.header-right { display:flex; align-items:center; gap:20px; }
.search-box input, .menu-search input { padding:8px 15px; background:#222; border:1px solid #444; color:#fff; border-radius:4px; width:220px; }
.login-btn { border:1px solid rgba(255,255,255,0.6); background:transparent; color:#fff; padding:8px 20px; border-radius:4px; text-decoration:none; font-weight:600; }

.hero { position:relative; height:90vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:0 20px; }
.hero-background { position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('https://images.unsplash.com/photo-1595769816263-9b910be24d5f?q=80&w=2000&auto=format&fit=crop'); background-size:cover; background-position:center; z-index:1; }
.hero-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:radial-gradient(circle, rgba(0,0,0,0.4), rgba(0,0,0,0.95)); z-index:2; }
.hero-content { position:relative; z-index:3; max-width:800px; }
.hero h1 { font-size:3rem; margin-bottom:15px; }
.hero h2 { font-size:1.5rem; color:#ccc; margin-bottom:30px; }

.email-form { display:flex; justify-content:center; max-width:600px; margin:0 auto; }
.email-form input { flex:1; padding:15px 20px; font-size:1rem; border:none; border-radius:4px 0 0 4px; outline:none; }
.email-form button { background:var(--primary-cyan); color:#000; border:none; padding:0 35px; font-size:1.1rem; font-weight:bold; border-radius:0 4px 4px 0; cursor:pointer; }

/* Planlar Bölümü */
.plans-section { padding:60px 20px; text-align:center; background:#0b0b0b; position:relative; z-index:5; }
.plans-section h2 { margin-bottom:40px; font-size:2rem; }
.plans-grid { display:flex; justify-content:center; gap:30px; flex-wrap:wrap; }
.plan-card { background:#161616; border:1px solid #333; padding:30px; border-radius:8px; width:300px; text-align:left; }
.plan-card.premium { border-color:var(--primary-cyan); }
.plan-card h3 { font-size:1.4rem; margin-bottom:10px; }
.plan-card .price { font-size:1.8rem; font-weight:bold; color:var(--primary-cyan); margin-bottom:20px; }
.plan-card ul { list-style:none; margin-bottom:25px; font-size:14px; color:#bbb; line-height:2; }
.plan-card button { width:100%; padding:12px; background:var(--primary-cyan); color:#000; font-weight:bold; border:none; border-radius:4px; cursor:pointer; }

/* Netflix Tarzı Footer */
.netflix-footer { background:#000; color:#808080; padding:60px 10% 30px 10%; font-size:13px; position:relative; z-index:5; }
.footer-socials { display:flex; gap:20px; margin-bottom:25px; }
.footer-socials a { color:#fff; transition:0.3s; }
.footer-socials a:hover { color:var(--primary-cyan); }
.footer-links-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:15px; margin-bottom:30px; }
.footer-links-grid a { display:block; color:#808080; text-decoration:none; margin-bottom:12px; }
.footer-links-grid a:hover { text-decoration:underline; color:#fff; }
.footer-copy { color:#555; font-size:11px; }

/* Menü ve Dashboard */
.menu-body { background:#080808; }
.menu-header { display:flex; justify-content:space-between; align-items:center; padding:20px 40px; background:#111; border-bottom:1px solid #222; }
.menu-right { display:flex; gap:15px; align-items:center; }
.icon-btn { background:#222; color:#fff; border:1px solid #444; padding:6px 12px; border-radius:4px; cursor:pointer; }

.dashboard-container { padding:40px; }
.category-row { margin-bottom:35px; }
.category-row h3 { font-size:1.4rem; margin-bottom:15px; color:#eee; }
.slider-grid { display:flex; gap:15px; overflow-x:auto; padding-bottom:15px; scrollbar-width:thin; }
.card { flex:0 0 260px; height:150px; background-size:cover; background-position:center; border-radius:6px; cursor:pointer; position:relative; transition:0.3s; }
.card:hover { transform:scale(1.05); }
.card-title { position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.85); padding:10px; border-radius:0 0 6px 6px; }
.card-title h4 { font-size:14px; margin:0; }
.card-title p { font-size:11px; color:#aaa; margin:0; }

/* Modallar */
.modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); justify-content:center; align-items:center; z-index:1000; }
.modal-content { background:#181818; padding:30px; border-radius:8px; width:400px; border:1px solid #333; }
.profile-list { display:flex; gap:10px; flex-wrap:wrap; margin:20px 0; justify-content:center; }
.profile-card { background:#222; padding:15px; border-radius:6px; cursor:pointer; width:90px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:5px; font-size:12px; }
.profile-card:hover { background:#333; border:1px solid var(--primary-cyan); }
.close-btn { background:#333; color:#fff; border:none; padding:10px; width:100%; border-radius:4px; cursor:pointer; }
.settings-section { margin-bottom:15px; }
.settings-section h4 { font-size:14px; color:var(--primary-cyan); margin-bottom:5px; }

/* Oynatıcı Sayfası */
.player-body { background:#000; margin:0; overflow:hidden; }
.player-fullscreen { display:flex; flex-direction:column; width:100vw; height:100vh; justify-content:space-between; }
.player-top-bar, .player-controls-bar { display:flex; justify-content:space-between; align-items:center; padding:15px 25px; background:rgba(0,0,0,0.8); z-index:10; }
.control-group { display:flex; gap:10px; align-items:center; }
.control-btn { background:#222; color:#fff; border:1px solid #444; padding:8px 16px; border-radius:4px; cursor:pointer; font-weight:bold; }
.control-btn:hover { background:#333; }