@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Nunito:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e6efec;box-shadow:0 4px 20px #223e3c0d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-inner{gap:1rem;justify-content:space-between;margin:0 auto;max-width:1120px;padding:.8rem 1.2rem}.navbar-brand,.navbar-inner{align-items:center;display:flex}.navbar-brand{flex-shrink:0;gap:.55rem;text-decoration:none}.brand-icon{color:#4f8d87;font-size:1.1rem;line-height:1}.brand-text{color:#234543;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:700;letter-spacing:.02em}.navbar-links{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.nav-link{border-radius:999px;color:#516b68;font-size:.9rem;font-weight:600;padding:.42rem .72rem;text-decoration:none;transition:background .2s ease,color .2s ease;white-space:nowrap}.nav-link.active,.nav-link:hover{background:#f2f8f7;color:#2f6d67}.nav-btn{background:#4f8d87;border-radius:999px;box-shadow:0 4px 12px #4f8d8729;color:#fff;font-size:.88rem;font-weight:700;padding:.5rem .95rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.nav-btn:hover{box-shadow:0 6px 16px #4f8d8733;transform:translateY(-1px)}.nav-user{background:#f2f8f7;border-radius:999px;color:#4f8d87;font-weight:700;padding:.35rem .7rem}.nav-logout,.nav-user{font-size:.84rem;white-space:nowrap}.nav-logout{background:none;border:1px solid #dceee9;border-radius:999px;color:#516b68;cursor:pointer;font-family:inherit;font-weight:600;padding:.42rem .8rem;transition:all .2s ease}.nav-logout:hover{background:#f7f3f5;border-color:#e4d0d7;color:#9c5570}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:4px}.hamburger span{background:#4f8d87;border-radius:2px;display:block;height:2px;width:22px}@media (max-width:768px){.hamburger{display:flex}.navbar-links{align-items:flex-start;background:#fff;border-bottom:1px solid #e6efec;box-shadow:0 10px 24px #223e3c0f;display:none;flex-direction:column;gap:.55rem;left:0;padding:1rem 1.2rem 1.1rem;position:absolute;right:0;top:61px}.navbar-links.open{display:flex}}.post-card{background:#fff;border:1.5px solid #beebe9;border-radius:16px;box-shadow:0 4px 18px #9be3de26;display:flex;flex-direction:column;gap:.8rem;padding:1.2rem 1.4rem;transition:transform .22s,box-shadow .22s}.post-card:hover{box-shadow:0 10px 32px #9be3de4d;transform:translateY(-4px)}.post-card-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.post-tag{border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.3px;padding:.28rem .75rem}.post-date{color:#7aada9;font-size:.78rem}.post-image-wrap{border-radius:10px;max-height:240px;overflow:hidden;width:100%}.post-image{display:block;height:240px;object-fit:cover;width:100%}.post-text{color:#1a3c3a;font-size:.97rem;line-height:1.65}.post-footer{border-top:1px solid #beebe9;display:flex;flex-direction:column;gap:.3rem;padding-top:.6rem}.post-author{color:#3a9e97;font-size:.85rem;font-weight:700}.post-room{color:#7aada9;font-size:.78rem}.hero{background:linear-gradient(135deg,#beebe9,#ffe3ed);border:1.5px solid #9be3de;border-radius:20px;box-shadow:0 4px 24px #9be3de40;margin-bottom:2rem;padding:2.5rem 1rem 2rem;text-align:center}.hero-title{color:#1a3c3a;font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;margin-bottom:.6rem}.hero-sub{color:#3d6b68;font-size:1.05rem;line-height:1.6;margin:0 auto;max-width:560px}.tab-bar{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.8rem}.tab-btn{background:#fff;border:1.5px solid #beebe9;border-radius:24px;color:#3d6b68;cursor:pointer;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:600;padding:.5rem 1.1rem;transition:all .2s}.tab-btn:hover{background:#beebe9;border-color:#9be3de;color:#1a3c3a}.tab-btn.active{background:linear-gradient(135deg,#9be3de,#5bbfb8);border-color:#0000;box-shadow:0 3px 12px #9be3de66;color:#fff}.posts-grid{grid-gap:1.4rem;display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.loading-wrap{align-items:center;color:#7aada9;display:flex;flex-direction:column;gap:1rem;padding:4rem 0}.spinner{animation:spin .8s linear infinite;border:3px solid #beebe9;border-radius:50%;border-top-color:#9be3de;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#7aada9;font-size:1.1rem;padding:4rem 1rem;text-align:center}.new-post-wrap{display:flex;justify-content:center;padding:1rem 0 3rem}.new-post-card{background:#fff;border:1.5px solid #beebe9;border-radius:20px;box-shadow:0 8px 40px #9be3de33;max-width:620px;padding:2.2rem 2.5rem;width:100%}.np-title{color:#1a3c3a;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;margin-bottom:.3rem}.np-sub{color:#7aada9;font-size:.95rem;margin-bottom:1.8rem}.np-form{display:flex;flex-direction:column;gap:1rem}.np-label{color:#3d6b68;font-size:.88rem;font-weight:700;letter-spacing:.3px}.type-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr)}.type-card{align-items:center;background:#fffdf9;border:1.5px solid #beebe9;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;font-family:Nunito,sans-serif;gap:.3rem;padding:.8rem .6rem;transition:all .2s}.type-card:hover{background:#beebe9;border-color:#9be3de}.type-card.selected{background:linear-gradient(135deg,#beebe9,#9be3de);border-color:#5bbfb8;box-shadow:0 3px 12px #9be3de66}.type-label{color:#1a3c3a;font-size:.88rem;font-weight:700;text-align:center}.type-desc{color:#7aada9;font-size:.72rem;line-height:1.3;text-align:center}.np-input,.np-textarea{background:#fffdf9;border:1.5px solid #beebe9;border-radius:12px;color:#1a3c3a;font-family:Nunito,sans-serif;font-size:.95rem;outline:none;padding:.7rem 1rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.np-input:focus,.np-textarea:focus{border-color:#9be3de;box-shadow:0 0 0 3px #9be3de40}.upload-zone{background:#fffdf9;border:2px dashed #9be3de;border-radius:14px;cursor:pointer;display:block;overflow:hidden;transition:border-color .2s,background .2s}.upload-zone:hover{background:#beebe9;border-color:#5bbfb8}.upload-placeholder{align-items:center;color:#7aada9;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;padding:2rem}.upload-icon{font-size:2rem}.upload-preview{display:block;max-height:260px;object-fit:cover;width:100%}.np-error{background:#ffe3ed;border:1px solid #f9b8cd;border-radius:10px;color:#e8799a;font-size:.88rem;padding:.6rem 1rem}.np-submit{background:linear-gradient(135deg,#9be3de,#5bbfb8);border:none;border-radius:14px;box-shadow:0 4px 18px #9be3de66;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;margin-top:.4rem;padding:.9rem;transition:transform .2s,box-shadow .2s,opacity .2s}.np-submit:hover:not(:disabled){box-shadow:0 8px 28px #9be3de80;transform:translateY(-2px)}.np-submit:disabled{cursor:not-allowed;opacity:.65}@media (max-width:500px){.new-post-card{padding:1.5rem 1.2rem}.type-grid{grid-template-columns:1fr}}.auth-wrap{display:flex;justify-content:center;padding:2rem 1rem}.auth-card{background:#fff;border:1.5px solid #beebe9;border-radius:20px;box-shadow:0 8px 40px #9be3de33;max-width:480px;padding:2.5rem;width:100%}.auth-title{color:#1a3c3a;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;margin-bottom:.3rem}.auth-sub{color:#7aada9;font-size:.95rem;margin-bottom:1.8rem}.auth-form{display:flex;flex-direction:column;gap:.9rem}.auth-label{color:#3d6b68;font-size:.88rem;font-weight:700}.auth-input{background:#fffdf9;border:1.5px solid #beebe9;border-radius:12px;color:#1a3c3a;font-family:Nunito,sans-serif;font-size:.95rem;outline:none;padding:.7rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.auth-input:focus{border-color:#9be3de;box-shadow:0 0 0 3px #9be3de40}.auth-error{background:#ffe3ed;border:1px solid #f9b8cd;border-radius:10px;color:#e8799a;font-size:.88rem;padding:.6rem 1rem}.auth-btn{background:linear-gradient(135deg,#9be3de,#5bbfb8);border:none;border-radius:14px;box-shadow:0 4px 18px #9be3de66;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;margin-top:.4rem;padding:.9rem;transition:transform .2s,box-shadow .2s,opacity .2s}.auth-btn:hover:not(:disabled){box-shadow:0 8px 28px #9be3de80;transform:translateY(-2px)}.auth-btn:disabled{cursor:not-allowed;opacity:.65}.auth-switch{color:#7aada9;font-size:.88rem;margin-top:.5rem;text-align:center}.auth-switch a{color:#3a9e97;font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.np-user-info{background:#beebe9;border-radius:10px;color:#3a9e97;display:flex;flex-wrap:wrap;font-size:.88rem;font-weight:700;gap:1rem;margin-bottom:1rem;padding:.6rem 1rem}.alumni-photo{background-color:#9be3de;border:3px solid #fff;border-radius:8px;height:160px;transform:translateZ(0);width:120px;will-change:auto}.hc-wrap{margin:0 auto;max-width:1100px;padding:2rem 1.5rem}.hc-hero{background:linear-gradient(135deg,#beebe9,#ffe3ed);border:1.5px solid #9be3de;border-radius:20px;box-shadow:0 4px 24px #9be3de33;margin-bottom:2.5rem;padding:2.5rem 1rem;text-align:center}.hc-title{color:#1a3c3a;font-family:Playfair Display,serif;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;line-height:1.4;margin-bottom:.5rem}.hc-sub{color:#3d6b68;font-size:1rem}.hc-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hc-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1.5px solid #beebe9;border-radius:16px;box-shadow:0 4px 18px #9be3de26;padding:1.5rem 1rem;text-align:center;transition:transform .2s,box-shadow .2s;will-change:transform}.hc-card:hover{box-shadow:0 10px 32px #9be3de4d;transform:translateY(-4px)}.hc-photo-wrap{display:inline-block;margin-bottom:1rem;min-height:160px;min-width:120px;position:relative}.hc-photo{box-shadow:0 4px 12px #9be3de40}.hc-icon{background:#fff;border:2px solid #beebe9;border-radius:50%;bottom:-8px;font-size:1.4rem;line-height:1;padding:4px;position:absolute;right:-8px}.hc-info{margin-top:.8rem}.hc-post{background:#beebe9;border-radius:20px;color:#3a9e97;display:inline-block;font-size:.78rem;font-weight:700;margin-bottom:.4rem;padding:.2rem .7rem}.hc-name{color:#1a3c3a;font-size:1rem;font-weight:700;margin:.5rem 0 .3rem}.hc-detail{color:#7aada9;font-size:.82rem;margin:.2rem 0}.hc-photo{background-color:#beebe9;border:3px solid #beebe9;border-radius:8px;display:block;height:160px;object-fit:cover;transform:translateZ(0);width:120px;will-change:auto}.alumni-wrap{color:#274645;font-family:Inter,Segoe UI,sans-serif;margin:0 auto;max-width:1100px;padding:2.2rem 1.2rem 3rem}.alumni-hero{background:linear-gradient(135deg,#f5f9f8,#eef7f5);border:1px solid #dfeee9;border-radius:22px;box-shadow:0 8px 24px #2746450d;margin-bottom:2rem;padding:2.2rem 1rem 2rem;text-align:center}.alumni-title{color:#234543;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:700;letter-spacing:.01em;margin-bottom:.45rem}.alumni-sub{color:#5c7a77;font-size:.98rem;margin:0}.alumni-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.alumni-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #e7f1ee;border-radius:18px;box-shadow:0 10px 25px #2746450f;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.alumni-card:hover{box-shadow:0 14px 30px #27464517;transform:translateY(-3px)}.alumni-photo-wrap{align-items:center;background:linear-gradient(135deg,#f2f8f7,#e7f4f2);display:flex;justify-content:center;min-height:190px;padding:1.2rem;position:relative;text-align:center}.alumni-photo{background-color:#e4f0ec;border:2px solid #fff;border-radius:10px;box-shadow:0 6px 14px #2746451f;display:block;height:156px;object-fit:cover;width:118px}.alumni-badge{background:#fff;border-radius:999px;bottom:10px;box-shadow:0 4px 10px #27464514;color:#4d7b76;font-size:.72rem;font-weight:700;padding:.28rem .65rem;position:absolute;right:10px}.alumni-info{padding:1rem 1.05rem 1.1rem}.alumni-name{color:#234543;font-size:1.05rem;font-weight:700;margin:0 0 .35rem}.alumni-job{color:#4f8d87;font-size:.9rem;font-weight:600;margin:0 0 .2rem}.alumni-company{color:#6c8a86;font-size:.84rem;margin:0 0 .7rem}.alumni-tags{display:flex;flex-wrap:wrap;gap:.4rem}.alumni-tag{background:#f3f8f7;border-radius:999px;color:#4f8d87;font-size:.74rem;font-weight:600;padding:.22rem .6rem}.canteen-wrap{margin:0 auto;max-width:900px;padding:2rem 1.5rem}.canteen-hero{background:linear-gradient(135deg,#beebe9,#ffe3ed);border:1.5px solid #9be3de;border-radius:20px;box-shadow:0 4px 24px #9be3de33;margin-bottom:2rem;padding:2rem 1rem;text-align:center}.canteen-title{color:#1a3c3a;font-family:Playfair Display,serif;font-size:2rem;font-weight:700;margin-bottom:.3rem}.canteen-sub{color:#3d6b68}.canteen-form-card{background:#fff;border:1.5px solid #beebe9;border-radius:16px;box-shadow:0 4px 18px #9be3de26;margin-bottom:2rem;padding:1.5rem}.canteen-form-title{color:#1a3c3a;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.canteen-form{display:flex;flex-direction:column;gap:.8rem}.c-label{color:#3d6b68;font-size:.88rem;font-weight:700}.c-input,.c-textarea{background:#fffdf9;border:1.5px solid #beebe9;border-radius:12px;color:#1a3c3a;font-family:Nunito,sans-serif;font-size:.95rem;outline:none;padding:.7rem 1rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.c-input:focus,.c-textarea:focus{border-color:#9be3de;box-shadow:0 0 0 3px #9be3de40}.rating-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(4,1fr)}.rating-btn{background:#fffdf9;border:1.5px solid #beebe9;border-radius:10px;color:#3d6b68;cursor:pointer;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:700;padding:.5rem .3rem;transition:all .2s}.rating-btn:hover{background:#beebe9;border-color:#9be3de}.c-upload{background:#fffdf9;border:2px dashed #9be3de;border-radius:14px;cursor:pointer;display:block;overflow:hidden;transition:all .2s}.c-upload:hover{background:#beebe9;border-color:#5bbfb8}.c-upload-placeholder{color:#7aada9;font-size:.9rem;padding:1.5rem;text-align:center}.c-preview{display:block;max-height:200px;object-fit:cover;width:100%}.c-error{background:#ffe3ed;border:1px solid #f9b8cd;border-radius:10px;color:#e8799a;font-size:.88rem;padding:.6rem 1rem}.c-submit{background:linear-gradient(135deg,#9be3de,#5bbfb8);border:none;border-radius:14px;box-shadow:0 4px 18px #9be3de66;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;padding:.9rem;transition:transform .2s,box-shadow .2s}.c-submit:hover:not(:disabled){box-shadow:0 8px 28px #9be3de80;transform:translateY(-2px)}.c-submit:disabled{cursor:not-allowed;opacity:.65}.canteen-login-notice{background:#beebe9;border-radius:14px;color:#3a9e97;font-weight:600;margin-bottom:2rem;padding:1rem;text-align:center}.canteen-login-notice a{color:#3a9e97;font-weight:700}.canteen-posts-title{color:#1a3c3a;font-family:Playfair Display,serif;font-size:1.4rem;margin-bottom:1rem}.canteen-posts{display:flex;flex-direction:column;gap:1.2rem}.canteen-empty{color:#7aada9;padding:2rem;text-align:center}.canteen-post-card{background:#fff;border:1.5px solid #beebe9;border-radius:16px;box-shadow:0 4px 18px #9be3de1f;padding:1.2rem;transition:transform .2s}.canteen-post-card:hover{box-shadow:0 8px 24px #9be3de40;transform:translateY(-2px)}.canteen-post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.8rem}.canteen-item-name{color:#1a3c3a;font-size:1rem;font-weight:700;margin-bottom:.3rem}.canteen-rating{border-radius:20px;display:inline-block;font-size:.78rem;font-weight:700;padding:.2rem .6rem}.canteen-date{color:#7aada9;font-size:.78rem}.canteen-img-wrap{border-radius:10px;margin-bottom:.8rem;max-height:240px;overflow:hidden;width:100%}.canteen-img{display:block;height:240px;object-fit:cover;width:100%}.canteen-comment{color:#1a3c3a;font-size:.95rem;line-height:1.6;margin-bottom:.8rem}.canteen-footer{border-top:1px solid #beebe9;color:#3a9e97;display:flex;font-size:.82rem;font-weight:600;gap:1rem;padding-top:.6rem}@media (max-width:500px){.rating-grid{grid-template-columns:repeat(2,1fr)}}.office-wrap{margin:0 auto;max-width:900px;padding:2rem 1.5rem}.office-hero{background:linear-gradient(160deg,#beebe9,#fffdf9 60%,#ffe3ed);border:1.5px solid #9be3de;border-radius:20px;box-shadow:0 4px 24px #9be3de33;margin-bottom:2.5rem;padding:2.5rem 1rem;text-align:center}.office-tag{background:#9be3de;border-radius:20px;display:inline-block;font-size:.75rem;letter-spacing:1px;margin-bottom:1rem;padding:.3rem 1rem;text-transform:uppercase}.office-tag,.office-title{color:#1a3c3a;font-weight:700}.office-title{font-family:Playfair Display,serif;font-size:1.9rem;margin-bottom:.5rem}.office-sub{color:#3d6b68;font-size:.95rem}.office-section-title{align-items:center;color:#1a3c3a;display:flex;font-family:Playfair Display,serif;font-size:1.2rem;gap:.6rem;margin-bottom:1.2rem}.office-section-title:after{background:linear-gradient(90deg,#beebe9,#0000);content:"";flex:1 1;height:1.5px}.office-officer-card{align-items:center;background:#fff;border:1.5px solid #beebe9;border-radius:18px;box-shadow:0 6px 24px #9be3de33;display:flex;gap:1.5rem;margin-bottom:2.5rem;padding:1.8rem}.office-photo-wrap{flex-shrink:0}.office-photo{background-color:#beebe9;border:3px solid #beebe9;border-radius:10px;display:block;height:130px;object-fit:cover;width:100px}.office-photo.large{border:4px solid #9be3de;box-shadow:0 6px 20px #9be3de59;height:170px;width:130px}.office-officer-info{flex:1 1}.office-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2.5rem}.office-card{background:#fff;border:1.5px solid #beebe9;border-radius:16px;padding:1.4rem;text-align:center;transition:transform .2s,box-shadow .2s}.office-card:hover{box-shadow:0 10px 28px #9be3de40;transform:translateY(-4px)}.office-card .office-photo-wrap{display:flex;justify-content:center;margin-bottom:.8rem}.office-name{color:#1a3c3a;font-size:1rem;font-weight:700;margin-bottom:.3rem}.office-post{color:#3a9e97;font-size:.82rem;font-weight:600}.office-complaint-card{background:#fff;border:1.5px solid #f9b8cd;border-radius:18px;box-shadow:0 6px 24px #f9b8cd33;padding:1.8rem}.office-complaint-title{color:#1a3c3a;font-family:Playfair Display,serif;font-size:1.15rem;margin-bottom:.4rem}.office-complaint-sub{color:#7aada9;font-size:.88rem;margin-bottom:1.2rem}.office-form{display:flex;flex-direction:column;gap:.9rem}.office-textarea{background:#fffdf9;border:1.5px solid #f9b8cd;border-radius:12px;color:#1a3c3a;font-family:Nunito,sans-serif;font-size:.92rem;outline:none;padding:.8rem 1rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.office-textarea:focus{border-color:#e8799a;box-shadow:0 0 0 3px #f9b8cd4d}.office-error{background:#ffe3ed;border:1px solid #f9b8cd;border-radius:10px;color:#e8799a}.office-error,.office-success{font-size:.85rem;padding:.6rem 1rem}.office-success{background:#beebe9;border-radius:10px;color:#3a9e97;font-weight:600}.office-submit{background:linear-gradient(135deg,#f9b8cd,#e8799a);border:none;border-radius:12px;box-shadow:0 4px 16px #e8799a59;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:700;padding:.8rem;transition:transform .2s,box-shadow .2s}.office-submit:hover:not(:disabled){box-shadow:0 8px 24px #e8799a73;transform:translateY(-2px)}.office-submit:disabled{cursor:not-allowed;opacity:.65}@media (max-width:500px){.office-officer-card{flex-direction:column;text-align:center}}.ht-wrap{color:#274645;margin:0 auto;max-width:1040px;padding:2rem 1.2rem 3rem}.ht-hero{background:linear-gradient(135deg,#f5f9f8,#eef7f5);border:1px solid #dfeee9;border-radius:22px;box-shadow:0 8px 24px #2746450d;margin-bottom:1.8rem;padding:2rem 1rem 2.1rem;text-align:center}.ht-tag{background:#f2f8f7;border-radius:999px;color:#4f8d87;display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.08em;margin-bottom:.8rem;padding:.28rem .8rem;text-transform:uppercase}.ht-title{color:#234543;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:700;margin:0 0 .4rem}.ht-sub{color:#5c7a77;font-size:.95rem;margin:0}.ht-grid{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.ht-card{background:#fff;border:1px solid #e7f1ee;border-radius:18px;box-shadow:0 10px 24px #2746450d;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.ht-card:hover{box-shadow:0 14px 30px #27464514;transform:translateY(-2px)}.ht-card-top{background:linear-gradient(135deg,#f3f8f7,#e9f4f0);display:flex;justify-content:center;padding:1.15rem}.ht-photo{background-color:#e4f0ec;border:2px solid #fff;border-radius:10px;box-shadow:0 6px 14px #2746451a;display:block;height:124px;object-fit:cover;width:96px}.ht-card-body{padding:1rem 1rem 1.1rem}.ht-name{color:#234543;font-size:1.02rem;font-weight:700;margin:0 0 .7rem;text-align:center}.ht-detail-row{align-items:center;color:#5c7a77;display:flex;font-size:.86rem;gap:.5rem;margin-bottom:.4rem}.ht-icon{font-size:.9rem;text-align:center;width:20px}.ht-msg-label{color:#4f8d87;display:block;font-size:.82rem;font-weight:700;margin-bottom:.4rem;margin-top:.9rem}.ht-msg-textarea{background:#fcfefe;border:1px solid #dceee9;border-radius:10px;color:#274645;font-family:inherit;font-size:.86rem;outline:none;padding:.6rem .75rem;resize:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.ht-msg-textarea:focus{border-color:#8cc9c0;box-shadow:0 0 0 3px #8cc9c029}.ht-status{border-radius:8px;font-size:.78rem;margin-top:.55rem;padding:.38rem .65rem}.ht-status.success{background:#eef8f6;color:#3f7f78;font-weight:600}.ht-status.error{background:#fff2f6;color:#b05572}.ht-send-btn{background:#4f8d87;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;margin-top:.7rem;padding:.62rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.ht-send-btn:hover:not(:disabled){box-shadow:0 6px 14px #4f8d872e;transform:translateY(-1px)}.ht-send-btn:disabled{cursor:not-allowed;opacity:.65}*{box-sizing:border-box;margin:0;padding:0}:root{--teal:#9be3de;--teal-light:#beebe9;--teal-dark:#5bbfb8;--teal-deep:#3a9e97;--warm-white:#fffdf9;--pink:#ffe3ed;--pink-deep:#f9b8cd;--pink-accent:#e8799a;--text-dark:#1a3c3a;--text-mid:#3d6b68;--text-muted:#7aada9;--white:#fff;--shadow:0 4px 24px #9be3de40;--shadow-hover:0 8px 32px #9be3de66;--radius:16px;--radius-sm:10px}body{background:#fffdf9;background:var(--warm-white);color:#1a3c3a;color:var(--text-dark);font-family:Nunito,sans-serif}.app,body{min-height:100vh}.main-content{margin:0 auto;max-width:1100px;padding:2rem 1.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#beebe9;background:var(--teal-light)}::-webkit-scrollbar-thumb{background:#9be3de;background:var(--teal);border-radius:3px}img{-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:auto;transform:translateZ(0)}
/*# sourceMappingURL=main.d7d6a6f8.css.map*/