*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-success{background:#22c55e;color:#fff}.btn-success:hover:not(:disabled){background:#16a34a}.btn-danger{background:#ef4444;color:#fff}.btn-secondary{background:#334155;color:#e2e8f0}.btn-secondary:hover:not(:disabled){background:#475569}.btn-lg{padding:14px 32px;font-size:16px}.btn-sm{padding:8px 16px;font-size:13px}.btn-full{width:100%}.form-grup{margin-bottom:18px}.form-grup label{display:block;color:#cbd5e1;font-size:13px;font-weight:500;margin-bottom:6px}.form-grup input,.form-grup select{width:100%;padding:12px 16px;background:#0f172a;border:1px solid #334155;border-radius:10px;color:#f8fafc;font-size:15px;font-family:Inter,sans-serif;transition:border-color .2s}.form-grup input:focus,.form-grup select:focus{outline:none;border-color:#3b82f6}.kart{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:24px;transition:border-color .2s}.kart:hover{border-color:#475569}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge-basari{background:#14532d;color:#86efac}.badge-uyari{background:#422006;color:#fbbf24}.badge-tehlike{background:#451a2b;color:#fda4af}.badge-bilgi{background:#1e1b4b;color:#a5b4fc}.progress-bar{width:100%;height:8px;background:#0f172a;border-radius:4px;overflow:hidden;border:1px solid #334155}.progress-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.bildirim{padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:16px}.bildirim-hata{background:#451a2b;border:1px solid #f43f5e;color:#fda4af}.bildirim-basari{background:#14532d;border:1px solid #22c55e;color:#86efac}.app-shell{max-width:1200px;margin:0 auto;min-height:100vh;background:#0f172a;border-left:1px solid #1e293b;border-right:1px solid #1e293b;position:relative}@media (max-width: 1200px){.app-shell{border-left:none;border-right:none}}.sayfa-container{max-width:900px;margin:0 auto;padding:24px 16px}.sayfa-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#1e293b;border-bottom:1px solid #334155;position:sticky;top:0;z-index:50}.sayfa-header h1{font-size:18px;font-weight:700;color:#fbbf24}.sayfa-header .kullanici-bilgi{display:flex;align-items:center;gap:12px;font-size:13px;color:#94a3b8}.video-container{position:relative;background:#000;border-radius:12px;overflow:hidden;margin-bottom:20px}.video-container video{width:100%;display:block}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10}.video-overlay h3{color:#fbbf24;font-size:20px}.video-overlay p{color:#94a3b8;font-size:14px}.soru-kart{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px;margin-bottom:16px}.soru-kart h4{color:#f8fafc;font-size:15px;margin-bottom:16px;line-height:1.5}.sik-btn{display:block;width:100%;padding:12px 16px;margin-bottom:8px;background:#0f172a;border:2px solid #334155;border-radius:10px;color:#e2e8f0;font-size:14px;font-family:Inter,sans-serif;cursor:pointer;text-align:left;transition:all .2s}.sik-btn:hover{border-color:#3b82f6;background:#1a2332}.sik-btn.secili{border-color:#3b82f6;background:#1e3a5f;color:#93c5fd}.sik-btn.dogru{border-color:#22c55e;background:#14532d;color:#86efac}.sik-btn.yanlis{border-color:#ef4444;background:#451a2b;color:#fda4af}@media (max-width: 640px){.sayfa-header{padding:12px 16px}.sayfa-header h1{font-size:15px}.kart{padding:16px}}