.security-card{
	background:white;
	border-radius:20px;
	padding:35px;
	box-shadow:0 8px 25px rgba(0,0,0,.1);
}


.security-card h2{
	text-align:center;
	color:var(--green-800);
	margin-bottom:35px;
	font-size:28px;
}


.security-section{
	background:var(--surface-muted);
	border-radius:15px;
	padding:25px;
	margin-bottom:20px;
	border:1px solid var(--border);
	transition:.25s;
}


.security-section:hover{
	transform:translateY(-3px);
	box-shadow:0 6px 18px rgba(0,0,0,.08);
}


.security-header{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:15px;
}


.security-header h3{
	font-size:20px;
	color:#333;
}


.security-icon{
	font-size:28px;
}


.security-value{
	color:#555;
	font-size:16px;
	margin-bottom:20px;
	word-break:break-word;
}


.security-actions{
	display:flex;
	gap:15px;
}


.security-btn{
	display:inline-flex;
	justify-content:center;
	align-items:center;

	background:var(--green-700);
	color:white;

	text-decoration:none;

	padding:12px 22px;

	border-radius:12px;

	font-weight:600;

	transition:.25s;
}


.security-btn:hover{
	background:var(--green-900);
	transform:scale(1.03);
}


.security-danger{
	background:#e53935;
}


.security-danger:hover{
	background:#c62828;
}


@media(max-width:600px){

	.security-card{
		padding:20px;
	}


	.security-actions{
		flex-direction:column;
	}


	.security-btn{
		width:100%;
	}

}

.security-back{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:45px;
	margin-top:25px;
	border-radius:12px;
	background:#eee;
	color:#444;
	text-decoration:none;
	font-weight:600;
	transition:.25s;
}

.security-back:hover{
	background:#ddd;
	transform:translateY(-2px);
}