*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#f4f6fc;color:#222}header.navbar{width:100%;background:#bfe2dd;box-shadow:0 2px 12px #00000014;padding:16px 40px;position:fixed;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease-in-out}.logo{font-size:24px;font-weight:600;color:#3f51b5;transition:.3s}.nav-links{list-style:none;display:flex;gap:30px}.nav-links li{position:relative}.nav-links a{text-decoration:none;font-weight:500;color:#000;padding:6px 10px;transition:all .3s ease}.nav-links a:hover{color:#3f51b5}.nav-links a:after{content:"";display:block;width:0%;height:2px;background:#3f51b5;transition:.3s ease;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.forum-container{max-width:1100px;margin:140px auto 50px;padding:20px;animation:fadeInUp .8s ease forwards;background:linear-gradient(135deg,#e6f9f7,#eef5ff);border-radius:20px;box-shadow:0 10px 40px #0000000d}.forum-container h1{text-align:center;margin-bottom:40px;color:#2c3e50;font-size:36px;font-weight:700}.question-form label{font-weight:600;margin-bottom:5px;color:#444}.question-form select{padding:12px 16px;border-radius:10px;border:1px solid #ccc;background:#fff;font-size:1rem;transition:border-color .3s ease}.question-form select:hover,.question-form select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 4px #4a90e233}.question-form textarea,.question-form input[type=text]{padding:12px 16px;border-radius:10px;border:1px solid #ccc;background:#fff;resize:vertical;font-size:1rem}.question-form button{padding:12px 20px;background:#4a90e2;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:background .3s ease}.question-form button:hover{background:#357abd}@media (max-width: 600px){.forum-container{padding:20px}}.question-form,.question-card{background:#fff;padding:28px;border-radius:18px;box-shadow:0 6px 24px #00000012;margin-bottom:30px;transition:transform .3s ease,box-shadow .3s ease,border-left .3s ease;border-left:6px solid transparent}.question-form:hover,.question-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-left:6px solid #008080}.question-form textarea,.question-form select,.question-card textarea{width:100%;padding:14px;font-size:16px;border:1px solid #ccc;border-radius:10px;margin-top:12px;resize:vertical;background-color:#fafbff;transition:border-color .3s ease}.question-form textarea:focus,.question-card textarea:focus,.question-form select:focus{border-color:#3f51b5;outline:none}.question-form button,.question-card button{margin-top:18px;padding:12px 24px;font-size:15px;background-color:teal;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.question-form button:hover,.question-card button:hover{background-color:#066;transform:translateY(-2px)}.question-card h3{font-size:20px;margin-bottom:12px;color:#222}.question-card p{margin:8px 0;color:#444;font-size:15px}.campus-disclosure{margin:-25px auto 25px;color:#52635a;text-align:center;font-size:13px}.question-form input[type=text],.campus-filter input{width:100%;padding:12px 14px;border:1px solid #cbd5cf;border-radius:6px;background:#fff}.question-form label{display:block;margin-top:12px}.campus-filter{max-width:520px;margin:0 0 22px}.campus-filter label{display:block;margin-bottom:7px;font-weight:600}.campus-tag,.affiliation-tag{display:inline-block;margin:0 7px 8px 0;padding:5px 8px;background:#e9f2e9;color:#176c52;border-radius:3px;font-size:11px;font-weight:600}.affiliation-tag{background:#f0eee5;color:#67583a}.question-card .question-meta{color:#627168;font-size:12px}@media (max-width: 600px){.forum-container{margin-top:115px}.campus-disclosure{margin:-20px auto 20px}}.category-badge{display:inline-block;background-color:#ccf2ff;color:#0077b6;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:600;margin-bottom:10px}.toast{position:fixed;bottom:20px;right:20px;background:#323232;color:#fff;padding:12px 20px;border-radius:8px;opacity:0;transition:opacity .5s ease;z-index:9999}.toast.show{opacity:1}footer{text-align:center;padding:20px;background-color:#008d78;color:#fff;font-size:14px;font-weight:500;box-shadow:0 -2px 8px #0000000f}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){.nav-links{flex-direction:column;background:#fff;position:absolute;top:80px;right:0;width:200px;display:none;box-shadow:0 4px 16px #0000001a;border-radius:8px;padding:10px}.nav-links.show{display:flex}.menu-toggle{display:block;cursor:pointer;font-size:24px;color:#3f51b5}}.menu-toggle{display:none}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;align-items:center;justify-content:center;z-index:9999}.popup-box{background:#fff;padding:30px;border-radius:12px;text-align:center;width:90%;max-width:400px;box-shadow:0 10px 25px #0003;animation:scaleUp .3s ease forwards}.popup-box h2{margin-bottom:10px;color:#008d78}.popup-box p{color:#444;margin-bottom:20px}.popup-box button{padding:10px 20px;background-color:#008d78;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;transition:background .3s}.popup-box button:hover{background-color:#2f3ea1}@keyframes scaleUp{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.question-card p em{font-style:italic;color:teal;font-weight:500}button:active{transform:scale(.97)}.answer-block{background-color:#f1f5ff;padding:14px;border-left:4px solid #3f51b5;border-radius:10px;margin-top:15px;font-size:15px;color:#2c3e50}textarea{resize:vertical;min-height:80px}textarea::placeholder{color:#aaa;font-style:italic}header.navbar.scrolled{background-color:#9ed4cb;box-shadow:0 4px 12px #00000026;padding:12px 30px}input[type=text],select{width:100%;padding:12px;border:1px solid #ccc;border-radius:10px;font-size:16px;background-color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#3f51b5;border-radius:6px}::-webkit-scrollbar-track{background:#f1f1f1}#customTranslate{background-color:teal;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:.95rem;cursor:pointer}#customTranslate option{background-color:#fff;color:#000}#customTranslate:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] body{background-color:#121212;color:#e2e8f0}[data-theme=dark] header.navbar{background:#1e1e1e;box-shadow:0 4px 12px #0006}[data-theme=dark] .logo,[data-theme=dark] .logo a{color:#00bfa6!important}[data-theme=dark] .nav-links a{color:#e2e8f0}[data-theme=dark] .nav-links a:hover{color:#00bfa6}[data-theme=dark] .forum-container{background:#1e1e1e;box-shadow:0 10px 40px #0006}[data-theme=dark] .forum-container h1{color:#e2e8f0}[data-theme=dark] .question-form,[data-theme=dark] .question-card{background:#252830;box-shadow:0 6px 24px #0000004d}[data-theme=dark] .question-form:hover,[data-theme=dark] .question-card:hover{box-shadow:0 10px 30px #00000080;border-left-color:#00bfa6}[data-theme=dark] .question-form label,[data-theme=dark] .question-card h3,[data-theme=dark] .question-card p{color:#e2e8f0}[data-theme=dark] .question-form textarea,[data-theme=dark] .question-form select,[data-theme=dark] .question-card textarea,[data-theme=dark] input[type=text]{background-color:#121212;color:#e2e8f0;border-color:#333}[data-theme=dark] .question-form textarea:focus,[data-theme=dark] .question-form select:focus,[data-theme=dark] .question-card textarea:focus,[data-theme=dark] input[type=text]:focus{border-color:#00bfa6;box-shadow:0 0 0 4px #00bfa633}[data-theme=dark] .question-form button,[data-theme=dark] .question-card button{background-color:#00bfa6;color:#fff}[data-theme=dark] .question-form button:hover,[data-theme=dark] .question-card button:hover{background-color:#009e89}[data-theme=dark] .popup-box{background:#1e1e1e}[data-theme=dark] .popup-box h2{color:#00bfa6}[data-theme=dark] .popup-box p{color:#e2e8f0}[data-theme=dark] .category-badge{background-color:#00bfa633;color:#00bfa6}[data-theme=dark] .answer-block{background-color:#1a1e24;color:#e2e8f0;border-left-color:#00bfa6}[data-theme=dark] footer{background-color:#121212;color:#94a3b8;border-top:1px solid #333}[data-theme=dark] #naviPanel{background:#1e1e1e;box-shadow:4px 0 20px #00000080}[data-theme=dark] #customTranslate{background-color:#252830;color:#e2e8f0;border:1px solid #444}[data-theme=dark] .nav-links{background-color:#1e1e1e}