@media screen {
#counselingModule{--p:#126d83;--line:#d3e2e9;--ink:#12384d;padding-top:24px;padding-bottom:48px}
#counselingModule .module-return{display:inline-block;color:#245c70;margin-bottom:18px;font-weight:600;text-decoration:none}
#counselingModule>.top{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 20%,#155366,#071f33 75%);border:1px solid #286278;border-left:5px solid #efbf49;border-radius:24px;padding:32px;color:#fff;min-height:190px;box-shadow:0 18px 40px #102e4818;gap:24px}
#counselingModule>.top>.row{gap:24px;flex-wrap:nowrap;min-width:0}
#counselingModule>.top .logo{width:112px;height:112px;object-fit:cover;border:1px solid #d6b55466;border-radius:20px;flex-shrink:0}
#counselingModule>.top h1{font-size:clamp(25px,3vw,36px);letter-spacing:-.6px;color:white}
#counselingModule>.top .sub{color:#b8dbe5;margin-top:12px;font-size:15px}
#counselingModule>.top>div:last-child{color:#efc760;font-size:13px;max-width:200px;line-height:1.8;letter-spacing:.5px}
#counselingModule>.nav{padding:8px;margin:24px 0;background:#e1ecf1;border:1px solid #d0e1e8;border-radius:15px;display:inline-flex;gap:8px}
#counselingModule .btn{color:#21546a;border-color:#cadfe6;transition:background .15s,box-shadow .15s}
#counselingModule .btn.primary,#counselingModule .btn.active{background:#126d83;color:white;border-color:#126d83}
#counselingModule .btn.danger{color:#b42318;background:#fff4f2;border-color:#edc7c1}
#counselingModule .btn:hover:not(:disabled){box-shadow:0 3px 12px #0e4e6522}
#counselingModule .btn:focus-visible{outline:3px solid #e5b548;outline-offset:3px}
#counselingModule .card{border-radius:20px;border-color:#d3e2e9;box-shadow:0 8px 26px #12384d0a;padding:24px}
#counselingModule #pLogin,#counselingModule #aLogin{border-top:4px solid #248b9d;padding:30px;background:linear-gradient(150deg,#fff,#f6fafc)}
#counselingModule .card h2{color:#143f54;margin-top:0}
#counselingModule input,#counselingModule select,#counselingModule textarea{border-color:#bdd3de;background:#fff;color:#17384b;padding:12px;border-radius:11px}
#counselingModule input:focus,#counselingModule select:focus,#counselingModule textarea:focus{outline:2px solid #268ca0;outline-offset:2px}
#counselingModule .field{margin:18px 0}#counselingModule .field label{color:#2b5264;font-size:14px}
#counselingModule #pLoginBtn,#counselingModule #aLoginBtn{width:100%;padding:13px;margin-top:6px}
#counselingModule .sub{color:#526f80;line-height:1.6}#counselingModule th{background:#edf5f7;color:#245b6c}
@media(max-width:600px){#counselingModule{padding:14px}#counselingModule>.top{padding:22px;gap:15px}#counselingModule>.top>.row{gap:15px}#counselingModule>.top .logo{width:76px;height:76px;border-radius:14px}#counselingModule>.top h1{font-size:25px}#counselingModule>.top>div:last-child{max-width:none;font-size:12px}#counselingModule #pLogin,#counselingModule #aLogin,#counselingModule .card{padding:20px}}
}