body{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;background:#1f2937}.header{background:#2d2f34;color:#fff;padding:10px 0}.container{max-width:1300px;margin:0 auto;padding:0 20px}.header-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative}.header-left{flex:1;display:flex}.header-center{flex:1;display:flex;justify-content:center}.header-right{flex:1;display:flex;justify-content:flex-end}.logo a{font-size:23px;font-weight:700;text-decoration:none;color:#fff}.logo a:visited{color:#fff}.nav a{color:#fff;margin:0 10px;text-decoration:none;font-weight:500}.nav a:hover{text-decoration:underline}.toggle-btn{display:none;font-size:24px;background:none;border:none;color:#fff;cursor:pointer}@media screen and (max-width: 635px){.header-flex{flex-direction:column;align-items:flex-start}.header-left{width:100%;display:flex;justify-content:space-between;align-items:center}.header-center,.header-right{display:none;width:100%}.header-center.active,.header-right.active{display:flex;flex-direction:column;align-items:flex-start;align-items:center}.nav a{padding:8px 0;display:block}.toggle-btn{display:block}}.main{color:#fff;padding:40px 0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media (max-width: 768px){.two-column{grid-template-columns:1fr}}.board-section{background:#111827;padding:20px;border-radius:8px;box-shadow:0 4px 10px #ffffff26}.board-section h2{font-size:18px;margin-bottom:20px}.board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:3px solid #374151}.register-btn{background-color:#4f46e5;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s ease;box-shadow:0 4px 10px #ffffff26}.register-btn:hover{background-color:#4338ca}.post-list{list-style:none;padding:0;margin:0}.post{padding:15px;border-bottom:1px solid #374151}.post:last-child{border-bottom:none}.post-meta{display:flex;align-items:center;gap:4px}.profile-img{font-size:20px}.user-name{font-weight:700}.created-at{color:gray;font-size:12px}.post-title a:hover{text-decoration:underline}.post-footer{margin-top:6px;font-size:13px;color:#9ca3af;display:flex;gap:10px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-container{background:white;padding:40px 30px;border-radius:10px;box-shadow:0 0 15px #0003;width:100%;max-width:400px}.login-container h2{margin-bottom:20px;text-align:center;font-size:24px;color:#333}.login-btn{width:100%;padding:12px;background-color:#1976d2;border:none;color:#fff;font-size:16px;border-radius:5px;cursor:pointer;margin-top:10px}.login-btn:hover{background-color:#1565c0}.links{margin-top:15px;display:flex;justify-content:space-between;font-size:13px}.social-login{margin-top:30px;text-align:center}.social-login button{margin:5px;padding:10px 20px;border:none;border-radius:5px;font-weight:700;cursor:pointer}.kakao{background-color:#fee500;color:#000}.google{background-color:#e1e0e0;color:#000}.signup-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.signup-container{background:white;padding:40px 30px;border-radius:10px;box-shadow:0 0 10px #0000001a;width:100%;max-width:400px}.signup-container h2{margin-bottom:20px;text-align:center;font-size:24px;color:#333}.form-group{margin-bottom:15px}label{display:block;font-size:14px;margin-bottom:6px;color:#444}input[type=text],input[type=password]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}.signup-btn{width:100%;padding:12px;background-color:#1976d2;border:none;color:#fff;font-size:16px;border-radius:5px;cursor:pointer;margin-top:10px}.signup-btn:hover{background-color:#1565c0}.links{margin-top:15px;text-align:center;font-size:13px}.links a{color:#1976d2;text-decoration:none}