*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#1a1a2e;color:white;min-height:100vh;display:flex;justify-content:center;align-items:center;font-size:16px;padding:20px}h1,h2,h3{font-family:Poppins,sans-serif;color:#cb6ce6;margin-bottom:10px;font-weight:600}.logo-container{text-align:center;margin-bottom:20px}.logo-banner{width:auto;max-width:700px;height:auto}.emoji{width:32px;height:auto;vertical-align:middle}.change-log-container{background-color:#2a2a3d!important;padding:20px!important;border-radius:10px!important;box-shadow:0 4px 20px rgba(0,0,0,.5)!important}.card{background-color:#2a2a3d;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.3);padding:40px;margin:30px auto;max-width:1000px;width:80%;text-align:center;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.card h1{font-size:28px;margin-bottom:30px;color:#cb6ce6}.card button{cursor:pointer;transition:background-color .3s;font-size:18px}.card button:hover{background-color:#424242}.card input,.card textarea{width:100%;padding:12px;margin-bottom:20px;border-radius:8px;border:1px solid #ddd;font-size:16px}.card input:focus,.card textarea:focus{border-color:#cb6ce6;outline:none}.card .logo-container{margin-bottom:30px}.card .logo-banner{max-width:100%;border-radius:8px;margin-bottom:30px}.card button{background-color:#cb6ce6}.card button.sign-out{background-color:#f44336}.change-log-card{background-color:#1a1a2e;padding:25px;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 20px rgba(0,0,0,.3);transition:transform .3s ease,box-shadow .3s ease;position:relative}.view-count{position:absolute;top:10px;right:10px;font-size:14px;color:#ffffff;background-color:rgba(0,0,0,.7);padding:5px 10px;border-radius:5px;font-weight:700}.view-more-container{text-align:right;margin-top:10px}.view-more-btn{background-color:#cb6ce6;color:white;font-weight:700;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;text-align:center;display:inline-block}.view-more-btn:hover{background-color:#9c4dbf}.change-log-card:hover{transform:translateY(-5px);box-shadow:0 6px 30px rgba(0,0,0,.4)}.change-log-card h3{margin-top:0;font-size:20px;font-weight:600}.change-log-card p{line-height:1.5;font-size:16px;margin-bottom:10px}.add-log-btn{background-color:#cb6ce6;color:white;border:none;padding:12px 25px;font-size:18px;font-weight:500;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:30px;display:block;width:100%;text-align:center}.add-log-btn:hover{background-color:#9c4dbf;transform:scale(1.05)}form{display:flex;flex-direction:column;gap:15px}input,textarea{padding:12px;border-radius:8px;border:3px solid #ccc;background-color:#2a2a3d;color:white;font-size:16px;transition:border-color .3s ease}input:focus,textarea:focus{border-color:#cb6ce6;outline:none}button[type=submit]{background-color:#cb6ce6;color:white;padding:12px;border-radius:8px;border:none;font-size:16px;cursor:pointer;transition:background-color .3s ease}button[type=submit]:hover{background-color:#9c4dbf}p{font-size:16px;font-weight:500;color:#cb6ce6}@media (max-width:768px){.change-log-card,.change-log-container{padding:20px}.add-log-btn{width:auto}}