*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}
body{background:#fff;color:#333}

/* Buttons */
.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:bold}
.btn-red{background:#e53935;color:#fff}
.btn-light-red{background:#ffcccc;color:#333}

/* Auth */
.auth-container{max-width:400px;margin:50px auto;text-align:center;padding:20px;border:1px solid #eee;border-radius:16px}
.auth-form{margin-top:20px}
.auth-form input{width:100%;padding:10px;margin:8px 0;border-radius:8px;border:1px solid #ccc}
.hidden{display:none}
.auth-toggle button{margin:0 5px}

/* Dashboard */
header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid #eee}
.balance{font-weight:bold;color:#e53935;margin-right:15px}
.container{max-width:1100px;margin:30px auto;padding:0 20px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}
.plan{border:1px solid #eee;border-radius:16px;padding:20px;text-align:center}
.plan h3{color:#e53935}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}
.card{background:#fff5f5;border:1px solid #ffd6d6;padding:20px;border-radius:16px}
.support{position:fixed;right:20px;bottom:20px;background:#e53935;color:#fff;padding:12px 16px;border-radius:50px;text-decoration:none;font-weight:bold}

/* Modal */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.4);justify-content:center;align-items:center;display:flex}
.modal-box{background:#fff;width:90%;max-width:420px;border-radius:20px;padding:25px;animation:pop .3s ease}
@keyframes pop{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}
.avatar{width:50px;height:50px;border-radius:50%;cursor:pointer}
.menu{position:absolute;top:60px;right:20px;background:#fff;border:1px solid #eee;padding:10px;border-radius:12px}