body {font-family:Arial;background:#f4f6f9;margin:0}
.container {max-width:900px;margin:30px auto;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1)}
input,textarea{width:100%;padding:10px;margin:8px 0;border-radius:6px;border:1px solid #ccc}
button{background:#4CAF50;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer}
button:hover{background:#45a049}
.goal-item{padding:10px;border-bottom:1px solid #eee}
.advice-box{border:1px solid #ddd;border-radius:8px;padding:15px;margin-top:15px;background:#fafafa}
.vote{background:#eee;padding:5px 10px;border-radius:6px;display:inline-block}
.comment{margin-left:20px;border-left:2px solid #ccc;padding-left:8px;margin-top:5px}
.tag{display:inline-block;background:#3498db;color:#fff;padding:3px 8px;border-radius:5px;margin:2px;font-size:12px;cursor:pointer}

.auth-container {
    display: flex;
    gap: 20px;
}

.btn {
    padding: 12px 24px;
    font-size: 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    color: white;
}

.login-btn {
    background: #3498db;
}

.login-btn:hover {
    background: #2980b9;
    transform: translateY(-2px);
}

.register-btn {
    background: #2ecc71;
}

.register-btn:hover {
    background: #27ae60;
    transform: translateY(-2px);
}