*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--green:#4ade80;--green-dark:#22c55e;--green-light:#86efac;--yellow:#fbbf24;--red:#ef4444;--blue:#3b82f6;--purple:#a855f7;--orange:#f97316;--bg-primary:#0a0f0d;--bg-secondary:#0f1411;--bg-tertiary:#1a2420;--bg-card:#111916;--text-primary:#ffffff;--text-secondary:#d1d5db;--text-muted:#9ca3af;--border-color:#1e2a25;--border-light:#2d3b35;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5);--transition:all 0.3s ease;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}html{font-size:16px;scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--green);text-decoration:none;transition:var(--transition)}a:hover{color:var(--green-light)}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.site-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 20px;max-width:1400px;margin:0 auto}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-box{background:linear-gradient(135deg,var(--green),var(--green-dark));color:var(--bg-primary);font-size:1.5rem;font-weight:800;padding:8px 12px;border-radius:var(--radius-sm)}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.logo-subtitle{font-size:0.85rem;font-weight:500;color:var(--green)}.main-nav{display:flex;align-items:center;gap:5px}.nav-item{color:var(--text-secondary);padding:10px 16px;border-radius:var(--radius-sm);font-size:0.95rem;font-weight:500;transition:var(--transition);display:flex;align-items:center;gap:6px}.nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-item.active{color:var(--green);background:rgba(74,222,128,0.1)}.nav-badge{font-size:0.65rem;padding:2px 6px;border-radius:10px;font-weight:600;text-transform:uppercase}.nav-badge.live{background:var(--red);color:white;animation:pulse 2s infinite}.nav-badge.vip{background:var(--purple);color:white}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.header-right{display:flex;align-items:center;gap:15px}.header-clock{font-size:0.9rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.auth-buttons{display:flex;gap:10px}.btn-login{color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;transition:var(--transition)}.btn-login:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-register{background:linear-gradient(135deg,var(--green),var(--green-dark));color:var(--bg-primary);padding:8px 20px;border-radius:var(--radius-sm);font-weight:600;transition:var(--transition)}.btn-register:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(74,222,128,0.3)}.user-menu{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 10px;border-radius:var(--radius-sm);transition:var(--transition);position:relative}.user-menu:hover{background:var(--bg-tertiary)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.9rem}.user-name{font-weight:500;color:var(--text-primary)}.vip-badge{background:linear-gradient(135deg,var(--purple),#ec4899);color:white;font-size:0.65rem;padding:2px 6px;border-radius:10px;font-weight:600}.user-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);z-index:1001}.user-menu:hover .user-dropdown,.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--text-secondary);transition:var(--transition)}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item.danger:hover{background:rgba(239,68,68,0.1);color:var(--red)}.dropdown-divider{height:1px;background:var(--border-color);margin:5px 0}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:5px}/* FOOTER */.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:40px 0 20px;margin-top:60px}.footer-inner{max-width:1400px;margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:30px}.footer-brand .logo{margin-bottom:15px}.footer-brand p{color:var(--text-muted);font-size:0.9rem;max-width:300px}.footer-links h4{color:var(--text-primary);font-size:1rem;margin-bottom:15px}.footer-links a{display:block;color:var(--text-muted);padding:5px 0;font-size:0.9rem;transition:var(--transition)}.footer-links a:hover{color:var(--green)}.footer-social{display:flex;gap:10px;margin-top:20px}.footer-social a{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition)}.footer-social a:hover{background:var(--green);color:var(--bg-primary)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:0.85rem}/* BUTTONS */.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:0.95rem;cursor:pointer;transition:var(--transition);border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--green),var(--green-dark));color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(74,222,128,0.3);color:var(--bg-primary)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-outline{background:transparent;color:var(--green);border:1px solid var(--green)}.btn-outline:hover{background:var(--green);color:var(--bg-primary)}.btn-sm{padding:8px 16px;font-size:0.85rem}.btn-lg{padding:14px 32px;font-size:1.1rem}/* CARDS */.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;transition:var(--transition)}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.card-body{color:var(--text-secondary)}/* FORMS */.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary);font-size:0.9rem}.form-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(74,222,128,0.1)}.form-input::placeholder{color:var(--text-muted)}/* BADGES */.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:0.75rem;font-weight:600}.badge-success{background:rgba(74,222,128,0.15);color:var(--green)}.badge-danger{background:rgba(239,68,68,0.15);color:var(--red)}.badge-warning{background:rgba(251,191,36,0.15);color:var(--yellow)}.badge-info{background:rgba(59,130,246,0.15);color:var(--blue)}.badge-vip{background:linear-gradient(135deg,var(--purple),#ec4899);color:white}/* MATCH CARD */.match-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;transition:var(--transition)}.match-card:hover{border-color:var(--green);transform:translateY(-2px)}.match-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.match-league{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--text-muted)}.match-league img{width:20px;height:20px;object-fit:contain}.match-time{font-size:0.9rem;color:var(--text-muted)}.match-teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.team{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.team img{width:48px;height:48px;object-fit:contain}.team-name{font-size:0.9rem;font-weight:500;text-align:center}.match-vs{font-size:1.5rem;font-weight:700;color:var(--text-muted)}.match-score{font-size:2rem;font-weight:700;color:var(--green)}.match-prediction{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:12px;text-align:center;margin-top:10px}.prediction-label{font-size:0.8rem;color:var(--text-muted);margin-bottom:5px}.prediction-value{font-size:1.1rem;font-weight:700;color:var(--green)}/* CONFIDENCE BAR */.confidence-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-top:8px}.confidence-fill{height:100%;border-radius:3px;transition:width 0.5s ease}.confidence-fill.high{background:var(--green)}.confidence-fill.medium{background:var(--yellow)}.confidence-fill.low{background:var(--red)}/* RESPONSIVE */@media(max-width:1200px){.main-nav{gap:2px}.nav-item{padding:8px 12px;font-size:0.9rem}}@media(max-width:992px){.main-nav{display:none}.mobile-menu-btn{display:block}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.header-inner{height:60px}.header-clock{display:none}.footer-grid{grid-template-columns:1fr}.match-teams{flex-direction:column;gap:15px}.match-vs{margin:10px 0}}@media(max-width:480px){.container{padding:0 15px}.auth-buttons{gap:5px}.btn-login{padding:6px 10px}.btn-register{padding:6px 14px;font-size:0.85rem}}/* MOBILE MENU */.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-secondary);z-index:2000;transform:translateX(-100%);transition:transform 0.3s ease;padding:20px;overflow-y:auto}.mobile-menu.active{transform:translateX(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.mobile-menu-close{background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}.mobile-menu .nav-item{display:flex;padding:15px;font-size:1.1rem;border-bottom:1px solid var(--border-color)}/* UTILITIES */.text-center{text-align:center}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-muted{color:var(--text-muted)}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.hidden{display:none!important}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-10{gap:10px}.gap-20{gap:20px}/* ================================================ ADVANCED RESPONSIVE - TÜM CİHAZLAR ================================================ *//* 4K EKRANLAR (2560px+) */@media(min-width:2560px){html{font-size:18px}.container{max-width:2000px}.header-inner{max-width:2000px;height:80px}.logo-box{font-size:1.8rem;padding:10px 16px}.nav-item{padding:12px 20px;font-size:1.05rem}.match-card{padding:25px}.team img{width:64px;height:64px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}/* 2K EKRANLAR (1920-2559px) */@media(min-width:1920px) and (max-width:2559px){html{font-size:17px}.container{max-width:1600px}.header-inner{max-width:1600px}}/* FULL HD (1200-1919px) - Varsayılan *//* LAPTOP / TABLET YATAY (992-1199px) */@media(max-width:1199px){.container{max-width:960px}.main-nav{gap:2px}.nav-item{padding:8px 10px;font-size:0.85rem}.header-clock{display:none}.footer-grid{grid-template-columns:1fr 1fr 1fr}}/* TABLET DİKEY (768-991px) */@media(max-width:991px){html{font-size:15px}.main-nav{display:none}.mobile-menu-btn{display:flex}.header-inner{padding:0 15px}.auth-buttons .btn-login span{display:none}.footer-grid{grid-template-columns:1fr 1fr}.match-teams{gap:20px}.team img{width:40px;height:40px}}/* MOBİL BÜYÜK (576-767px) */@media(max-width:767px){html{font-size:14px}.header-inner{height:60px}.logo-box{font-size:1.2rem;padding:6px 10px}.logo-title{font-size:0.95rem}.logo-subtitle{font-size:0.75rem}.auth-buttons{gap:5px}.btn-register{padding:6px 12px;font-size:0.8rem}.footer-grid{grid-template-columns:1fr}.footer-brand{text-align:center}.footer-social{justify-content:center}.card{padding:15px}.match-card{padding:15px}.match-teams{flex-direction:column;gap:15px}.match-vs{font-size:1.2rem}.team-name{font-size:0.8rem}}/* MOBİL KÜÇÜK (0-575px) */@media(max-width:575px){html{font-size:13px}.container{padding:0 10px}.header-inner{height:55px;padding:0 10px}.logo-box{font-size:1rem;padding:5px 8px}.logo-text{display:none}.btn-login{padding:5px 8px;font-size:0.75rem}.btn-register{padding:5px 10px;font-size:0.75rem}.user-name{display:none}.user-avatar{width:32px;height:32px;font-size:0.8rem}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.btn{padding:10px 16px;font-size:0.85rem}.form-input{padding:10px 12px;font-size:0.9rem}}/* TOUCH CİHAZLAR İÇİN */@media(hover:none) and (pointer:coarse){.nav-item{padding:12px 16px}.btn{padding:14px 24px;min-height:48px}.form-input{min-height:48px;font-size:16px}.dropdown-item{padding:14px 16px}.user-menu:hover .user-dropdown{opacity:0;visibility:hidden}.user-menu.active .user-dropdown{opacity:1;visibility:visible}}/* LANDSCAPE MOBİL (Yatay telefon) */@media(max-width:767px) and (orientation:landscape){.header-inner{height:50px}.site-footer{padding:20px 0 10px}}/* HİGH DPİ / RETİNA EKRANLAR */@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-box{font-weight:700}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}/* DARK MODE PREFERENCE (sistem ayarına göre) */@media(prefers-color-scheme:dark){/* Zaten dark tema kullanıyoruz */}/* REDUCED MOTION (erişilebilirlik) */@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}/* PRİNT STYLES (sayfa yazdırma) */@media print{.site-header,.site-footer,.mobile-menu-btn,.auth-buttons,.user-menu{display:none!important}body{background:white;color:black}.card,.match-card{border:1px solid #ccc;box-shadow:none}}