body{margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}@media (max-width: 768px){.container{padding:0 10px}}.site-main{padding:20px 0}@media (max-width: 768px){.site-main{padding:15px 0}}.flash{padding:10px 15px;margin-bottom:20px;border-radius:5px;font-size:16px}.flash.notice{background-color:#dff0d8;color:#3c763d}.flash.alert{background-color:#f2dede;color:#a94442}.flash.success{background-color:#d9edf7;color:#31708f}.flash.info{background-color:#fcf8e3;color:#8a6d3b}@media (max-width: 768px){.flash{font-size:14px;padding:8px 12px}}.page-title{font-size:28px;margin-left:30px;color:black}@media (max-width: 768px){.page-title{font-size:22px;margin-left:10px}}.button-group{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.button-group{flex-direction:column;align-items:center}}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-size:16px;margin-bottom:8px}@media (max-width: 768px){.form-group label{font-size:14px}}.form-group .form-input,.form-group .form-input.input-error{width:100%;max-width:400px;padding:10px;font-size:16px;box-sizing:border-box;text-align:left;border:1px solid #ccc}@media (max-width: 768px){.form-group .form-input,.form-group .form-input.input-error{max-width:100%;font-size:14px}}.form-group .form-input.input-error{border:2px solid red}.error-message{color:red;font-size:0.9em;margin-top:4px}@media (max-width: 768px){.error-message{font-size:0.8em}}textarea.form-input{border:1px solid #ccc;padding:10px;font-size:16px;box-sizing:border-box;text-align:left}@media (max-width: 768px){textarea.form-input{font-size:14px}}textarea.form-input.input-error{border:2px solid red}.site-header{background-color:#818181;color:white;width:100%;margin:0;box-sizing:border-box;text-align:center}.site-header .header-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:15px 30px;box-sizing:border-box}@media (max-width: 768px){.site-header .header-container{flex-direction:column;padding:15px 15px;justify-content:center}}.site-header .title{text-align:left}.site-header .title h1{margin:0;font-size:24px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header .title h1 .site-title-link{color:white;text-decoration:none;display:inline-block}@media (max-width: 768px){.site-header .title h1{font-size:24px;line-height:30px;margin-bottom:20px}}.site-header .auth-buttons{display:flex;gap:15px;margin-top:0;justify-content:flex-end}@media (max-width: 768px){.site-header .auth-buttons{margin-top:10px;justify-content:center}}.site-header .auth-buttons .login-button{white-space:nowrap;padding:10px 20px;font-size:16px;border-radius:5px;background-color:#3498db;color:white;text-decoration:none;border:none;cursor:pointer}.site-header .auth-buttons .login-button:hover{background-color:#2980b9}@media (max-width: 768px){.site-header .auth-buttons .login-button{padding:8px 15px;font-size:14px}}.site-header .auth-buttons .register-button{white-space:nowrap;padding:10px 20px;font-size:16px;border-radius:5px;background-color:#28a745;color:white;text-decoration:none;border:none;cursor:pointer}.site-header .auth-buttons .register-button:hover{background-color:#218838}@media (max-width: 768px){.site-header .auth-buttons .register-button{padding:8px 15px;font-size:14px}}.site-footer{background-color:#818181;padding:20px 0;text-align:center}.site-footer .footer-container h2{color:#fff;font-size:24px;margin-bottom:10px}@media (max-width: 768px){.site-footer .footer-container h2{font-size:20px}}.site-footer .site-title-link{color:white;text-decoration:none}.site-footer #footer-text{color:#fff;font-size:14px}@media (max-width: 768px){.site-footer #footer-text{font-size:12px}}.site-footer .footer-links{list-style:none;padding:0;margin-top:10px;display:flex;justify-content:center;gap:15px}@media (max-width: 768px){.site-footer .footer-links{flex-direction:column;gap:10px}}.site-footer .footer-links .footer-link{color:white;text-decoration:none}.site-footer .footer-links .footer-link:hover{text-decoration:underline}.login-btn{background-color:#3498db;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.login-btn:hover{background-color:#2980b9}.signup-btn{background-color:#2ecc71;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.signup-btn:hover{background-color:#27ae60}.post-btn{background-color:#e67e22;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.post-btn:hover{background-color:#d35400}.mypage-btn{display:flex;align-items:center}.user-icon{height:36px;width:36px;border-radius:50%;object-fit:cover;display:block;background-color:transparent}.edit-btn,.update-btn,.delete-btn{width:150px;margin:10px auto;text-align:center;font-size:16px;padding:10px 15px;display:block;border-radius:5px;cursor:pointer;text-decoration:none;border:none}.edit-btn{background-color:#3498db;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.edit-btn:hover{background-color:#2980b9}.update-btn{background-color:#3498db;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.update-btn:hover{background-color:#2980b9}.delete-btn{background-color:#e74c3c;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.delete-btn:hover{background-color:#c0392b}.logout-btn{background-color:#e74c3c;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer;width:180px;margin:10px auto;text-align:center;font-size:16px;padding:10px 15px;display:block;border-radius:5px;border:none;cursor:pointer;box-sizing:border-box}.logout-btn:hover{background-color:#c0392b}input.logout-btn,button.logout-btn,input.delete-btn,button.delete-btn,input.update-btn,button.update-btn,input.edit-btn,button.edit-btn{-webkit-appearance:none;appearance:none}@media (max-width: 768px){.edit-btn,.update-btn,.delete-btn,input.edit-btn,input.update-btn,input.delete-btn,button.edit-btn,button.update-btn,button.delete-btn{width:130px;font-size:15px;padding:9px 12px}.logout-btn,input.logout-btn,button.logout-btn{width:160px;font-size:15px;padding:9px 12px;box-sizing:border-box}}@media (max-width: 480px){.edit-btn,.update-btn,.delete-btn,input.edit-btn,input.update-btn,input.delete-btn,button.edit-btn,button.update-btn,button.delete-btn{width:120px;font-size:14px;padding:8px 10px}.logout-btn,input.logout-btn,button.logout-btn{width:140px;font-size:14px;padding:8px 10px;box-sizing:border-box}}form.button_to{width:fit-content;margin:0 auto;padding:0;display:block}.flash{padding:10px 15px;margin-bottom:20px;border-radius:5px;font-size:16px}.flash.notice{background-color:#dff0d8;color:#3c763d}.flash.alert{background-color:#f2dede;color:#a94442}.pagination{display:flex;justify-content:center;margin-top:30px;flex-wrap:wrap}.pagination span.page,.pagination span.first,.pagination span.prev,.pagination span.next,.pagination span.last{display:inline-block;margin-left:-1px;box-sizing:border-box}.pagination span.page a,.pagination span.first a,.pagination span.prev a,.pagination span.next a,.pagination span.last a{display:inline-block;padding:8px 16px;background-color:#f8f8f8;color:#555;text-decoration:none !important;border:1px solid #ccc;border-radius:0;transition:all 0.3s;cursor:pointer;box-sizing:border-box}.pagination span.page a:hover,.pagination span.first a:hover,.pagination span.prev a:hover,.pagination span.next a:hover,.pagination span.last a:hover{background-color:#3498db;color:#fff;border-color:#3498db}.pagination span.page.current{display:inline-block;padding:8px 16px;background-color:#3498db;color:#fff;border:1px solid #3498db;border-radius:0;font-weight:bold;pointer-events:none;cursor:default;margin-left:-1px;box-sizing:border-box}.pagination span.page:first-child a,.pagination span.page.current:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px;margin-left:0}.pagination span.page:last-child a,.pagination span.page.current:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination .gap{display:inline-block;padding:8px 16px;color:#999;background:none;border:none;margin-left:-1px;box-sizing:border-box;cursor:default}.comment-container{max-width:1000px;margin:20px auto;padding:15px;border:1px solid #ccc;border-radius:8px;background-color:#fff;text-align:center}@media (max-width: 768px){.comment-container{padding:10px}}.comment-title{text-align:center;font-size:24px;margin-bottom:20px}@media (max-width: 768px){.comment-title{font-size:20px;margin-bottom:15px}}#comments{display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){#comments{align-items:stretch}}.comment-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.comment-header .comment-user-icon{width:40px;height:40px;border-radius:50%;object-fit:cover}@media (max-width: 768px){.comment-header .comment-user-icon{width:30px;height:30px}}.comment-header .comment-user-name{font-weight:bold;font-size:18px}@media (max-width: 768px){.comment-header .comment-user-name{font-size:16px}}.comment-content{font-size:16px;margin-bottom:10px}@media (max-width: 768px){.comment-content{font-size:14px;margin-bottom:8px}}.comment-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}@media (max-width: 768px){.comment-actions{justify-content:center}}.comment-actions .edit-btn,.comment-actions .delete-btn{background-color:#3498db;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 15px;border-radius:5px;display:flex;align-items:center;justify-content:center}.comment-actions .edit-btn:hover,.comment-actions .delete-btn:hover{background-color:#2980b9}@media (max-width: 768px){.comment-actions .edit-btn,.comment-actions .delete-btn{font-size:14px;padding:10px 15px;width:100px}}.comment-actions .delete-btn{background-color:#e74c3c;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.comment-actions .delete-btn:hover{background-color:#c0392b}.comment-form-container{display:flex;justify-content:center;margin-top:20px}@media (max-width: 768px){.comment-form-container{margin-top:15px}}.comment-form-container .comment-form{display:flex;align-items:center;gap:10px}@media (max-width: 768px){.comment-form-container .comment-form{flex-direction:column;gap:5px;width:100%}}.comment-form-container .comment-form .post-btn{background-color:#3498db;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer;white-space:nowrap;height:44px}.comment-form-container .comment-form .post-btn:hover{background-color:#2980b9}@media (max-width: 768px){.comment-form-container .comment-form .post-btn{font-size:14px;height:40px;width:100%}}textarea.form-input{width:800px;min-height:120px;padding:10px;font-size:16px;resize:vertical;box-sizing:border-box}@media (max-width: 768px){textarea.form-input{width:100%;font-size:14px}}.comment-content p{word-wrap:break-word;white-space:pre-wrap}.board-author{display:flex;justify-content:center;margin:15px 0}.board-author .user-link{text-decoration:none}.board-author .user-link .user-info{display:flex;align-items:center}.board-author .user-link .user-info .user-icon{height:36px;width:36px;border-radius:50%;object-fit:cover;margin-right:10px}.board-author .user-link .user-info .user-name{font-size:16px;color:black;text-decoration:none}.board-author .user-link .user-info .user-name:hover{color:black}.bookmark-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;box-shadow:none;outline:none}.bookmark-icon{width:20px;height:20px;vertical-align:middle;pointer-events:none}.poll-section{margin-top:1em;padding:1.2em 0 1.5em 0}.poll-question{font-size:1.13em;font-weight:bold;margin-bottom:1em}.poll-form{margin-bottom:1.2em}.poll-options-list{display:flex;flex-direction:column;gap:14px;margin-bottom:1.3em}.poll-radio{display:none}.poll-option-box{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0.3em 1.2em;background:#f6fafd;border:2px solid #bbb;border-radius:12px;font-size:1.08em;font-weight:500;color:#222;cursor:pointer;transition:border-color 0.2s, background 0.2s, color 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.06);user-select:none;position:relative}.poll-radio:checked+.poll-option-text,.poll-option-box:has(.poll-radio:checked){background:linear-gradient(90deg, #4caf50 0%, #2196f3 100%);color:#fff;border-color:#2196f3}.poll-option-box:hover{border-color:#2196f3;background:#e8f0fe;color:#111}.poll-option-text{width:100%;text-align:center;font-size:1em;padding:0.6em 0;pointer-events:none}.vote-btn{background:linear-gradient(90deg, #4caf50 0%, #2196f3 100%);color:#fff;border:none;border-radius:999px;padding:0.6em 2.5em;font-size:1.1em;font-weight:bold;box-shadow:0 4px 18px rgba(33,150,243,0.13);cursor:pointer;transition:all 0.2s;margin-top:1em}.vote-btn:hover{opacity:0.85;transform:translateY(-2px) scale(1.03);box-shadow:0 8px 24px rgba(33,150,243,0.17)}.poll-result-list{margin-top:10px}.poll-result-item{display:flex;align-items:center;margin-bottom:8px}.poll-bar-container{flex:1;margin-right:10px;background:#e0e0e0;border-radius:12px;overflow:hidden;height:28px;position:relative}.poll-bar{background:#2196f3;height:100%;display:flex;align-items:center;padding-left:10px;font-weight:bold;color:white;transition:width 0.3s}.poll-percent{width:42px;text-align:right;margin-right:5px;font-weight:bold}.poll-count{color:#555;font-size:0.9em}.user-choice .poll-bar{background:#43a047 !important}.most-voted .poll-bar{border:2px solid #ffd700}.your-vote{color:#43a047;font-size:0.85em;margin-left:6px}.max-label{color:#ffd700;font-size:0.85em;margin-left:6px;font-weight:bold}.poll-total-votes{color:#888;font-size:0.95em;margin-top:4px}.board-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;padding:20px}@media (max-width: 1024px){.board-grid{grid-template-columns:repeat(2, 1fr);gap:15px}}@media (max-width: 768px){.board-grid{grid-template-columns:1fr;gap:10px;padding:10px}}.board-card{background:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:15px;text-align:center;overflow:hidden}@media (max-width: 768px){.board-card{padding:10px}}.board-card h3{font-size:18px;font-weight:bold;margin:10px 0;word-break:break-word;text-align:center;line-height:1.4;max-width:100%}.board-thumbnail{width:100%;height:auto;object-fit:cover;border-radius:5px}@media (max-width: 768px){.board-thumbnail{height:120px}}.board-detail{max-width:800px;margin:0 auto;text-align:center}.board-detail .board-title{font-size:24px;font-weight:bold;margin-bottom:20px;word-break:break-word;text-align:center}.board-detail .board-content{font-size:18px;margin-bottom:20px;word-break:break-word}@media (max-width: 768px){.board-detail .board-content{font-size:16px}}.board-detail .board-image{width:100%;max-height:400px;object-fit:cover;margin-bottom:20px}@media (max-width: 768px){.board-detail .board-image{max-height:300px}}.board-detail .edit-btn{background-color:#3498db;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.board-detail .edit-btn:hover{background-color:#2980b9}@media (max-width: 768px){.board-detail .edit-btn{font-size:14px;padding:8px 12px}}.pagination{text-align:center;margin-top:20px}@media (max-width: 768px){.pagination{margin-top:15px}}.active-sort{font-weight:bold;text-decoration:underline}.search-and-sort{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em}.board-search-form{width:100%;max-width:420px;margin-left:auto;margin-right:0}.board-search-form form{display:flex;gap:8px;align-items:center}.board-search-form .custom-search-input{flex:1;font-size:1rem;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:1.5em;background:#fafbfc;transition:border-color 0.2s}.board-search-form .custom-search-input:focus{border-color:#7c93f5;outline:none;background:#fff}.board-search-form .search-btn{background-color:#3498db;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:1rem;padding:10px 18px}.board-search-form .search-btn:hover{background-color:#2980b9}.board-search-form .search-btn i{font-size:1.1em;margin-right:2px}#autocomplete-list{list-style:none;padding-left:0}#autocomplete-list:empty{display:none}.more-boards{text-align:center;margin-top:20px}.btn-more{background-color:#007bff;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.btn-more:hover{background-color:#0056b3}.board-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;padding:20px}@media (max-width: 1024px){.board-grid{grid-template-columns:repeat(2, 1fr);gap:15px}}@media (max-width: 768px){.board-grid{grid-template-columns:1fr;gap:10px;padding:10px}}.board-card{background:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:15px;text-align:center;overflow:hidden}@media (max-width: 768px){.board-card{padding:10px}}.board-card h3{font-size:18px;font-weight:bold;margin:10px 0;word-break:break-word;text-align:center;line-height:1.4;max-width:100%}.board-thumbnail{width:100%;height:auto;object-fit:cover;border-radius:5px}@media (max-width: 768px){.board-thumbnail{height:120px}}.board-detail{max-width:800px;margin:0 auto;text-align:center}.board-detail .board-title{font-size:24px;font-weight:bold;margin-bottom:20px;word-break:break-word;text-align:center}.board-detail .board-content{font-size:18px;margin-bottom:20px;word-break:break-word}@media (max-width: 768px){.board-detail .board-content{font-size:16px}}.board-detail .board-image{width:100%;max-height:400px;object-fit:cover;margin-bottom:20px}@media (max-width: 768px){.board-detail .board-image{max-height:300px}}.board-detail .edit-btn{background-color:#3498db;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.board-detail .edit-btn:hover{background-color:#2980b9}@media (max-width: 768px){.board-detail .edit-btn{font-size:14px;padding:8px 12px}}.pagination{text-align:center;margin-top:20px}@media (max-width: 768px){.pagination{margin-top:15px}}.active-sort{font-weight:bold;text-decoration:underline}.search-and-sort{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em}.board-search-form{width:100%;max-width:420px;margin-left:auto;margin-right:0}.board-search-form form{display:flex;gap:8px;align-items:center}.board-search-form .custom-search-input{flex:1;font-size:1rem;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:1.5em;background:#fafbfc;transition:border-color 0.2s}.board-search-form .custom-search-input:focus{border-color:#7c93f5;outline:none;background:#fff}.board-search-form .search-btn{background-color:#3498db;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:1rem;padding:10px 18px}.board-search-form .search-btn:hover{background-color:#2980b9}.board-search-form .search-btn i{font-size:1.1em;margin-right:2px}#autocomplete-list{list-style:none;padding-left:0}#autocomplete-list:empty{display:none}.login-title{text-align:center;font-size:28px;margin-bottom:30px}@media (max-width: 768px){.login-title{font-size:22px;margin-bottom:20px}}.login-form-container{max-width:400px;margin:50px auto;text-align:center}@media (max-width: 768px){.login-form-container{max-width:90%;margin:30px auto}}.form-group{margin-bottom:20px}@media (max-width: 768px){.form-group{margin-bottom:15px}}.form-input{width:100%;padding:10px;font-size:16px}@media (max-width: 768px){.form-input{padding:8px;font-size:14px}}.login-btn{background-color:#3498db;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.login-btn:hover{background-color:#2980b9}@media (max-width: 768px){.login-btn{font-size:14px;padding:10px 15px}}.signup-btn{background-color:#2ecc71;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.signup-btn:hover{background-color:#27ae60}@media (max-width: 768px){.signup-btn{font-size:14px;padding:10px 15px}}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:WHITE;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:'Roboto', arial, sans-serif;font-size:14px;height:40px;letter-spacing:0.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s, border-color .218s, box-shadow .218s;transition:background-color .218s, border-color .218s, box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;margin:16px 0}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:'Roboto', arial, sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15);box-shadow:0 1px 2px 0 rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15)}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.signup-title{text-align:center;font-size:28px;margin-bottom:30px}@media (max-width: 768px){.signup-title{font-size:22px;margin-bottom:20px}}.signup-form-container{max-width:400px;margin:50px auto;text-align:center}@media (max-width: 768px){.signup-form-container{max-width:90%;margin:30px auto}}.form-group{margin-bottom:20px}@media (max-width: 768px){.form-group{margin-bottom:15px}}.form-input{width:100%;padding:10px;font-size:16px}@media (max-width: 768px){.form-input{padding:8px;font-size:14px}}.signup-btn{background-color:#2ecc71;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer}.signup-btn:hover{background-color:#27ae60}@media (max-width: 768px){.signup-btn{font-size:14px;padding:10px 15px}}.mypage-container{max-width:400px;margin:50px auto;text-align:center}.mypage-container .profile-image{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:20px}.mypage-container .user-name{font-size:24px;margin-bottom:20px}@media (max-width: 768px){.mypage-container{max-width:90%;margin:30px auto}.mypage-container .profile-image{width:120px;height:120px}.mypage-container .user-name{font-size:20px}}@media (max-width: 480px){.mypage-container .profile-image{width:100px;height:100px}.mypage-container .user-name{font-size:18px}}.password-reset-form-container{max-width:400px;margin:50px auto;text-align:center;padding:0 20px}.password-reset-form-container .form-group{margin-bottom:20px}.password-reset-form-container .form-input{width:100%;padding:10px;font-size:16px}.password-reset-form-container .reset-btn{background-color:#3498db;color:white;border:none;padding:10px 15px;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer;margin-top:20px}.password-reset-form-container .reset-btn:hover{background-color:#2980b9}@media (max-width: 768px){.password-reset-form-container{max-width:90%}.password-reset-form-container .form-input{font-size:15px;padding:9px}.password-reset-form-container .reset-btn{font-size:15px;padding:10px 16px}}@media (max-width: 480px){.password-reset-form-container .form-input{font-size:14px;padding:8px}.password-reset-form-container .reset-btn{font-size:14px;padding:9px 14px}}