.patreon-button {
    display: inline-block;
    background: linear-gradient(rgb(40, 132, 73) 30%, rgb(30, 102, 56) 99%);
    color: white;
    padding: 20px 25px;
    font-size: 1.1rem;
    border: none;
    border-radius: 15px;
    text-decoration: none;
    font-weight: bold;
    font-family: sans-serif;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 10px 0;
}
.patreon-button:hover {
    background-color: #e63a45;
    color: white;
    text-decoration: none;
}
.debug-info {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 15px;
    margin: 20px 0;
    font-family: monospace;
    font-size: 12px;
    word-break: break-all;
}
.debug-info h4 {
    margin-top: 0;
    color: #495057;
    font-family: sans-serif;
}
.debug-item {
    margin: 10px 0;
    padding: 5px;
    background-color: white;
    border-left: 3px solid #007bff;
}
.status-message {
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
}
.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}
.info {
    background-color: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}
.section ol li {
    margin-bottom: 30px;
}
/* logout error  */
    .error-msg {
        background-color: #f8d7da;
        color: #721c24;
        padding: 15px;
        border-radius: 5px;
        border: 1px solid #f5c6cb;
        margin: 20px 0;
    }


/* callback php */
    .callback-container {
        text-align: center;
        padding: 20px;
    }
    .success-message {
        background-color: #d4edda;
        color: #155724;
        padding: 15px;
        border-radius: 5px;
        border: 1px solid #c3e6cb;
        margin: 20px 0;
    }
    .error-message {
        background-color: #f8d7da;
        color: #721c24;
        padding: 15px;
        border-radius: 5px;
        border: 1px solid #f5c6cb;
        margin: 20px 0;
    }
    .loading {
        display: inline-block;
        width: 40px;
        height: 40px;
        border: 4px solid #f3f3f3;
        border-top: 4px solid #FF424D;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        margin: 20px 0;
    }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }



/*old page*/
	div.section > h2#premium_msg {
		display: none;
		color: darkgreen;
	}
	div.section > h2#premium_theif {
		display: none;
		color: red;
	}
	#pass-wrapper {
		display: flex;
		width: calc(13rem + 42px);
		border: 1px solid #ddd;
		border-radius: 5px;
		background-color: #fff;
	}
	#pass-wrapper form {
		display: grid;
		grid-template-columns: 13rem 40px;
		place-items: center;
	}
	#passwordInput {
		width: 13rem;
		flex: 1;
		outline: none;
		appearance: none;
		padding: 10px 0 10px 10px;
		border: none;
		border-radius: 5px 0 0 5px;
		font-size: 16px;
	}
	#btn_passview {
		width: 40px;
		height: 1rem;
		border: none;
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='M24 31.5q3.55 0 6.025-2.475Q32.5 26.55 32.5 23q0-3.55-2.475-6.025Q27.55 14.5 24 14.5q-3.55 0-6.025 2.475Q15.5 19.45 15.5 23q0 3.55 2.475 6.025Q20.45 31.5 24 31.5Zm0-2.9q-2.35 0-3.975-1.625T18.4 23q0-2.35 1.625-3.975T24 17.4q2.35 0 3.975 1.625T29.6 23q0 2.35-1.625 3.975T24 28.6Zm0 9.4q-7.3 0-13.2-4.15Q4.9 29.7 2 23q2.9-6.7 8.8-10.85Q16.7 8 24 8q7.3 0 13.2 4.15Q43.1 16.3 46 23q-2.9 6.7-8.8 10.85Q31.3 38 24 38Zm0-15Zm0 12q6.05 0 11.125-3.275T42.85 23q-2.65-5.45-7.725-8.725Q30.05 11 24 11t-11.125 3.275Q7.8 17.55 5.1 23q2.7 5.45 7.775 8.725Q17.95 35 24 35Z'/></svg>") no-repeat center center;
		background-size: 50% auto;
		cursor: pointer;
	}
	#btn_passview.is-visible {
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='m31.45 27.05-2.2-2.2q1.3-3.55-1.35-5.9-2.65-2.35-5.75-1.2l-2.2-2.2q.85-.55 1.9-.8 1.05-.25 2.15-.25 3.55 0 6.025 2.475Q32.5 19.45 32.5 23q0 1.1-.275 2.175-.275 1.075-.775 1.875Zm6.45 6.45-2-2q2.45-1.8 4.275-4.025Q42 25.25 42.85 23q-2.5-5.55-7.5-8.775Q30.35 11 24.5 11q-2.1 0-4.3.4-2.2.4-3.45.95L14.45 10q1.75-.8 4.475-1.4Q21.65 8 24.25 8q7.15 0 13.075 4.075Q43.25 16.15 46 23q-1.3 3.2-3.35 5.85-2.05 2.65-4.75 4.65Zm2.9 11.3-8.4-8.25q-1.75.7-3.95 1.075T24 38q-7.3 0-13.25-4.075T2 23q1-2.6 2.775-5.075T9.1 13.2L2.8 6.9l2.1-2.15L42.75 42.6ZM11.15 15.3q-1.85 1.35-3.575 3.55Q5.85 21.05 5.1 23q2.55 5.55 7.675 8.775Q17.9 35 24.4 35q1.65 0 3.25-.2t2.4-.6l-3.2-3.2q-.55.25-1.35.375T24 31.5q-3.5 0-6-2.45T15.5 23q0-.75.125-1.5T16 20.15Zm15.25 7.1Zm-5.8 2.9Z'/></svg>");
	}
	#sendThepass, #sendThepassToRemover {
		display: inline-block;
		padding-left: 3rem;
		padding-right: 3rem;
	}
	#errormsg {
		display: none;
		color: red;
	}
	#toRemove {
		display: none;
	}
	#notExpiredmsg {
		display: none;
		color: red;
	}
	.home a.button {
		display: inline-block;
		margin: 10px 0;
		max-width: 100%;
		padding: 10px 35px;
	}