body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #e6eaf5; color: #333; margin: 0; padding: 20px; }
        .container { max-width: 1400px; margin: 0 auto; }
        .header { background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%); color: #fff; padding: 25px; border-radius: 8px; margin-bottom: 20px; text-align: center; position: relative; }
		.header .button-left {float: left; margin-left: 10%; background: #19294a; color: #2c2c2c; border: 1px solid #ffffff; padding: 12px 24px; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: bold; transition: background 0.2s; min-width: 300px; max-width: 400px;}
		.header .button-right {float: right; margin-right: 10%; background: #4b6cb7; color: #2c2c2c; border: 1px solid #ffffff; padding: 12px 24px; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: bold; transition: background 0.2s; min-width: 300px; max-width: 400px; }
		.header button a{color: #ffffff;}
		footer { background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%); color: #fff; padding: 25px; border-radius: 8px; margin-bottom: 20px; text-align: center; position: relative; }
        .card { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.5); margin-bottom: 20px; border: 1px solid #4b6cb7;}
        .form-container {display: flex; flex-direction: column; gap: 15px; margin-bottom: 50px; text-align: center; }
        .url-row {display: flex; gap: 10px;}
        input[type="url"] {flex: 1; padding: 12px; border: 1px solid #2c2c2c; border-radius: 4px; font-size: 16px; box-shadow: 2px 3px 5px #c2c2c2; min-width: 300px; max-width: 500px;}
		nav {margin: 0 auto; text-align: center;}
        
		h1 {font-size: 3rem; font-weight: 600; color: #ffffff;}
		h2  {font-size: 2.2rem; font-weight: 600; color: #ffffff;}
		h3  {font-size: 1.4rem; font-weight: 600; color: #c2c2c2;}
		h4  {font-size: 1.3rem; font-weight: 600; color: #2c2c2c;}
		footer h4 {font-size: 1.3rem; font-weight: 400; color: #ffffff;}
		footer p {color: #ffffff;}
		.nav {background: rgba(255,255, 255, 0.4); margin: 0 15px; padding: 5px; border: 1px solid #222; border-radius: 10px;}
		.nav, .logo a{color:#ffeaa7;text-decoration:none;margin: 0 10px;font-weight:bold;}
		.nav a:hover{color:#fff;}
		.nav {float: left;}
		.logo {float: left; width: 200px;} 
		
		
        .depth-selector {display: inline-block; gap: 10px; width: 90%; margin: 5px 10px 50px; text-align:center;}
        .depth-btn { background-color: #fff; min-width: 300px;  color: #4b6cb7; border: 2px solid #4b6cb7; padding: 12px; border-radius: 4px; cursor: pointer; font-size: 17px; font-weight: bold; text-align: left; transition: all 0.2s ease; margin: 1rem 2rem; box-shadow: 2px 3px 5px #c2c2c2; }
        .depth-btn:hover { background-color: #f0f4ff; }
        .depth-btn.active { background-color: #4b6cb7; color: white; }
        .depth-btn small { display: block; font-weight: normal; color: inherit; opacity: 0.8; margin-top: 4px; font-size: 14px;}
        
        button[type="submit"] { background-color: #28a745; color: white; border: none; padding: 12px 24px; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: bold; transition: background 0.2s; box-shadow: 2px 3px 5px #c2c2c2;}
        button[type="submit"]:hover { background-color: #218838; }
        button:disabled { background-color: #a0aec0; cursor: not-allowed; }
        
        .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
		
        @media (max-width: 768px) { 
		.grid { grid-template-columns: 1fr; }

		.container { max-width: 100%; margin: 0 auto; }
		h1 {font-size: 28px; font-weight: 600; line-height: 32px; color: #ffffff;}
		h2  {font-size: 22px; font-weight: 600; line-height: 25px; color: #ffffff;}
		h3  {font-size: 18px; font-weight: 600; line-height: 20px; color: #c2c2c2;}
		h4  {font-size: 14px; font-weight: 600; line-height: 18px; color: #2c2c2c;}
		p {font-size: 16px; font-weight: 400; line-height: 18px; color: #2c2c2c;}
		 .form-container {display: inline-block; gap: 15px; }
        .url-row {display: inline-block; gap: 10px; }
        
		.header .button-left {float: left; margin-left: 20%; background: #19294a; color: #2c2c2c; border: 1px solid #ffffff; padding: 12px 24px; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: bold; transition: background 0.2s; margin-bottom: 20px; min-width: 300px; max-width: 400px;}
		.header .button-right {float: right; margin-right: 20%; background: #4b6cb7; color: #2c2c2c; border: 1px solid #ffffff; padding: 12px 24px; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: bold; transition: background 0.2s; margin-bottom: 20px; min-width: 300px; max-width: 400px;}
		
		 .depth-selector {display: inline-block; gap: 10px; width: 90%; margin: 5px 10px 50px; text-align:center;}
        .depth-btn { background-color: #fff; min-width: 250px;  color: #4b6cb7; border: 2px solid #4b6cb7; padding: 12px; border-radius: 4px; cursor: pointer; font-size: 17px; font-weight: bold; text-align: left; transition: all 0.2s ease; margin: 1rem 2rem; box-shadow: 2px 3px 5px #c2c2c2; }
        .depth-btn:hover { background-color: #f0f4ff; }
        .depth-btn.active { background-color: #4b6cb7; color: white; }
        .depth-btn small { display: block; font-weight: normal; color: inherit; opacity: 0.8; margin-top: 4px; font-size: 14px;}
		
		input[type="url"] { padding: 12px; border: 1px solid #2c2c2c; border-radius: 4px; font-size: 16px; box-shadow: 2px 3px 5px #c2c2c2; margin-bottom: 20px; min-width: 300px; max-width: 400px;}
		
		button[type="submit"] { background-color: #28a745; color: white; border: none; padding: 12px 24px; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: bold; transition: background 0.2s; box-shadow: 2px 3px 5px #c2c2c2;}
        button[type="submit"]:hover { background-color: #218838; }
        button:disabled { background-color: #a0aec0; cursor: not-allowed; }
		
		}
        
		textarea { width: 100%; height: 500px; font-family: monospace; padding: 12px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; resize: vertical; background-color: #fafafa; }
        .badge { display: inline-block; padding: 4px 8px; background: #4b6cb7; color: white; border-radius: 4px; font-size: 12px; font-weight: bold; }
        .badge-success { background-color: #28a745; }
        .badge-danger { background-color: #dc3545; }
        .audit-row { border-bottom: 1px solid #eee; padding: 15px 0; }
        .text-danger { color: #dc3545; font-weight: bold; }
        .text-warning { color: #ffc107; font-weight: bold; }
        .text-success { color: #28a745; font-weight: bold; }
        
        .error-box { background-color: #f8d7da; color: #721c24; padding: 18px; border-radius: 6px; border: 1px solid #f5c6cb; margin-bottom: 20px; font-weight: bold; display: flex; justify-content: space-between; align-items: center; }
        
        /* ÚJ STÍLUS: Egységes Reset Gombok */
        .error-reset-btn { background-color: #721c24; color: white; text-decoration: none; padding: 8px 15px; border-radius: 4px; font-size: 14px; font-weight: bold; transition: background 0.2s; }
        .error-reset-btn:hover { background-color: #56141a; }
        
        .success-reset-box { text-align: center; margin-bottom: 20px; }
        .success-reset-btn { background-color: #4b6cb7; color: white; text-decoration: none; padding: 12px 30px; border-radius: 6px; font-size: 16px; font-weight: bold; display: inline-block; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.2s ease; }
        .success-reset-btn:hover { background-color: #182848; transform: translateY(-2px); }

        .download-btn { background-color: #4b6cb7; margin-top: 10px; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; border-radius: 4px; font-weight: bold; text-align: center; border: none; cursor: pointer; width: 100%; font-size: 16px; }
        .download-btn:hover { background-color: #3b5998; }
        
        .progress-wrapper { display: none; background: #e2e8f0; border-radius: 6px; overflow: hidden; margin-bottom: 20px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); }
        .progress-bar { width: 0%; height: 25px; background: linear-gradient(90deg, #4b6cb7, #28a745); text-align: center; line-height: 25px; color: white; font-weight: bold; font-size: 14px; transition: width 0.3s ease; }
        
        .broken-links-list { background-color: #fff5f5; border-left: 4px solid #dc3545; padding: 10px; margin-top: 8px; border-radius: 0 4px 4px 0; font-size: 13px; }
        .broken-links-list ul { margin: 5px 0 0 0; padding-left: 20px; }
		
		nav {background:#192949; margin:15px; padding: 15px; border: 1px solid #222; border-radius: 10px;}
		nav a{color:#ffffff;text-decoration:none;margin:10px;font-weight:bold;padding: 10px;}
		nav a:hover{color:#fff;}
		.nav {float: left; width: 100%;}
		.logo {float: left; width: 200px;} 
		a {text-decoration: none;}
		hr {width: 80%;}
		
		.button{background:#00b894;color:#fff;cursor:pointer;transition:0.3s;margin-bottom:30px;font-size: 1.2rem;font-weight:600; padding: 1rem 2rem; border: 1px solid #ffffff; border-radius: 7px; }
		.button:hover{background:#019374;}
		
		 .scroll-alert-overlay {
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            backdrop-filter: blur(4px);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: fadeIn 0.3s ease-out;
        }
        .scroll-alert-card {
            background: #fff;
            padding: 30px 40px;
            border-radius: 12px;
            box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
            text-align: center;
            max-width: 450px;
            width: 90%;
            position: relative;
            border-top: 5px solid #28a745;
        }
        .scroll-alert-card h3 {
            margin-top: 0;
            color: #182848;
            font-size: 22px;
        }
        .scroll-alert-card p {
            font-size: 16px;
            color: #4a5568;
            line-height: 1.5;
            margin-bottom: 25px;
        }
        .scroll-alert-close {
            position: absolute;
            top: 10px; right: 15px;
            font-size: 20px;
            cursor: pointer;
            color: #a0aec0;
            font-weight: bold;
        }
        .scroll-alert-close:hover { color: #4a5568; }
        .scroll-action-btn {
            background-color: #28a745;
            color: white;
            border: none;
            padding: 12px 30px;
            border-radius: 6px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: background 0.2s;
            box-shadow: 0 4px 6px rgba(40, 167, 69, 0.2);
        }
        .scroll-action-btn:hover { background-color: #218838; }

        @keyframes fadeIn {
            from { opacity: 0; transform: scale(0.95); }
            to { opacity: 1; transform: scale(1); }
        }
		
	.myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: 1px solid #2c2c2c;
  outline: none;
  background-color: orange;
  color: white;
  text-shadow: 2px 3px 0px #2c2c2c;
  cursor: pointer;
  padding: 15px;
  border-radius: 7px;
}

.myBtn:hover {
  background-color: #555;
}