.bg-white{background-color:#fff}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.mg{margin:0}.mg-20{margin:20px}.ml-20{margin-left:20px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.pd-10{padding:10px}.pd-20{padding:20px}.pd-t-10{padding-top:10px}.pd-t-20{padding-top:20px}.pd-b-0{padding-bottom:0}.pd-b-10{padding-bottom:10px}.pd-b-20{padding-bottom:20px}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-center{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:10px}.notification{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;padding:15px;border-radius:5px;display:none;z-index:1000;background-color:rgba(0,0,0,0.8)}.notification.show{display:block}.notification.block{color:#333;font-weight:bold}.notification.success{background-color:#28a745}.notification.error{background-color:#dc3545}.notification.info{background-color:#17a2b8}.notification.warning{background-color:#ffc107}.modal-container{z-index:999;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);justify-content:center;align-items:center}.modal-container .modal-content{position:fixed;top:50%;left:50%;width:400px;padding:20px;display:flex;flex-direction:column;transform:translate(-50%, -50%);border-radius:8px;box-sizing:border-box;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.modal-container .modal-header{display:flex;justify-content:center;align-items:center;margin-bottom:15px;position:relative}.modal-container .modal-header .close{position:absolute;top:0;right:0;color:#333;font-size:24px;cursor:pointer;line-height:1}.modal-container .modal-body{flex:1;margin-bottom:15px}.modal-container .modal-body .hint{color:#999;font-size:14px;text-align:center;margin:0}.modal-container .modal-body input[type="email"]{width:100%;padding:10px;margin-top:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.modal-container .modal-footer{display:flex;justify-content:flex-end}.modal-container .modal-footer .button{margin-left:10px;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.modal-container .modal-footer .confirm{background:#2233EE;color:white}.modal-container .modal-footer .cancel{background:red;color:white}.loading-square{width:30px;height:30px;background-color:#2233EE;animation:loading-rotate 1s linear infinite}.loading-ring{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #2233EE;border-radius:50%;animation:loading-spin 1s linear infinite}@keyframes loading-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes loading-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.my-btn{outline:none;color:#333;border:none;cursor:pointer;padding:5px 10px;margin-right:5px;border-radius:var(--radius-3);border:1px solid #2233EE;background:#fff}.my-btn.disabled{cursor:not-allowed;background-color:#ccc;border-color:#ccc}.my-btn:last-child{margin-right:0}.my-btn.active{color:#ffff;background-color:#2233EE}.my-btn:hover{color:#fff;background-color:#1020cd}.comment-form{text-align:right;margin-top:10px}.comment-form .comment-input{width:100%;padding:10px;margin:10px 0;resize:vertical;box-sizing:border-box;border-radius:var(--radius-3);border:1px solid #2233EE}.comment-form .comment-input:focus,.comment-form .comment-input:hover{outline:none;border-color:#1020cd}.comment-section{margin-top:30px;padding:15px;background-color:#FFF;border:2px solid #2233EE}.comment-section .comment{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #CCC}.comment-section .reply{margin-top:10px;padding-left:20px;border-left:3px solid #2233EE}.comment-section .buttons{text-align:right}.comment-section .buttons button:nth-child(2){margin-right:0}@media screen and (max-width:768px){.my-btn{padding:3px 8px}.comment-section{font-size:16px}.comment-section .comment p{font-size:14px}}