body{margin:0;font-family:Arial;background:#f2f2f2;}
.header{background:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;}
.logo{font-size:20px;font-weight:bold;color:#0055ff;}
.login{background:#ff0000;color:#fff;padding:8px 14px;text-decoration:none;border-radius:6px;}
.notice{background:#ffdddd;text-align:center;padding:10px;font-weight:bold;}
.slider{height:160px;background:#ccc;margin:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;}
.title{text-align:left;padding:10px;font-size:20px;color:#222;}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px;}
.card{background:#fff;padding:20px;border-radius:10px;text-align:center;font-weight:bold;box-shadow:0 2px 6px rgba(0,0,0,0.15);}
.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background:#fff;display:flex;justify-content:space-around;padding:12px 0;border-top:1px solid #ddd;}