.vip-header {background:#222;color:#fff;padding:20px;text-align:center;}
.vip-header h1 {margin:0 0 10px;font-size:2rem;}
.vip-nav {background:#ffcc00;padding:15px;}
.vip-nav ul {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.vip-nav a {text-decoration:none;color:#000;font-weight:bold;padding:10px;background:#fff;border-radius:5px;display:block;transition:.2s;}
.vip-nav a:hover {background:#333;color:#fff;}
.vip-footer {background:#222;color:#fff;text-align:center;padding:10px;margin-top:30px;}
.vip-content {padding:20px;margin-top:20px;border-radius:8px;}
.form-box {max-width:400px;margin:40px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.form-box h2 {text-align:center;margin-bottom:20px;font-size:22px;color:#333;}
.form-box input[type="email"], .form-box input[type="password"], .form-box input[type="text"] {width:100%;padding:12px;margin:8px 0 16px;border:1px solid #ddd;border-radius:8px;font-size:15px;}
.form-box input:focus {border-color:#0a7f2e;outline:none;}
.form-box button {width:100%;padding:12px;background:#0a7f2e;color:white;font-size:16px;font-weight:bold;border:none;border-radius:8px;cursor:pointer;transition:background 0.2s;}
.form-box button:hover {background:#096a27;}

.area-vip .vip-tabs-container { display:flex; flex-wrap:nowrap; gap:10px; margin-bottom:20px; }
.area-vip .vip-tabs-container .vip-tab { display:inline-block; padding:10px 20px; text-decoration:none; border-radius:5px; white-space:nowrap; }