/* ==========================================================
   Scholyn Reusable Components v3.1
========================================================== */

.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:700;transition:var(--transition);cursor:pointer;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 12px 24px rgba(36,87,230,.22)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(36,87,230,.28)}.btn-outline{border:1px solid var(--border);background:rgba(255,255,255,.86);color:var(--text);box-shadow:var(--shadow-xs)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.card,.quick-card,.category-card,.career-card,.report-card,.info-card{background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover,.quick-card:hover,.category-card:hover,.career-card:hover,.report-card:hover,.info-card:hover{transform:translateY(-4px);border-color:#BFD0F7;box-shadow:var(--shadow-lg)}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-title span,.hero-badge,.psy-badge,.badge{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 12px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.section-title h2{font-size:clamp(26px,3vw,38px);color:var(--text)}.section-title p{margin-top:8px;max-width:720px;color:var(--text-secondary);line-height:1.7}.section-title a{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:14px;font-weight:800}.section-title a:hover{gap:12px}
.input,.search-box,input[type="text"],input[type="email"],input[type="password"],input[type="number"],select,textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;transition:var(--transition)}.input:focus,.search-box:focus-within,input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(36,87,230,.09)}.input{width:100%;height:46px;padding:0 14px}.search-box{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px}.search-box i{color:var(--text-light)}.search-box input{flex:1;border:0;box-shadow:none;background:transparent}
.icon-circle,.quick-icon,.platform-icon,.feature-icon{display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#EEF4FF,#FFFFFF);color:var(--primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(36,87,230,.08)}.icon-circle{width:48px;height:48px;font-size:19px}.glass-card{background:rgba(255,255,255,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.65);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}
.badge-success{background:#DCFCE7;color:#166534}.badge-warning{background:#FEF3C7;color:#92400E}.badge-danger{background:#FEE2E2;color:#991B1B}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:#fff;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-xs)}.divider{width:100%;height:1px;background:var(--border)}.loader{width:38px;height:38px;border:4px solid #E2E8F0;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.modal-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.60);backdrop-filter:blur(10px);z-index:9999}.modal-overlay.active{display:flex}.modal-card{width:min(560px,92%);background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-xl);position:relative;animation:modalFade .25s ease}.modal-close{position:absolute;top:16px;right:16px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#F8FAFC}.modal-close:hover{background:var(--primary-light);color:var(--primary)}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.modal-option{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:150px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-xs);transition:var(--transition)}.modal-option:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.modal-option h3{margin:12px 0 6px;font-size:16px}.modal-option span{font-size:12px;color:var(--text-light);line-height:1.5}@keyframes modalFade{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.avatar-group{display:flex;align-items:center}.avatar-group img{width:36px;height:36px;object-fit:cover;border-radius:50%;border:2px solid #fff;margin-left:-8px}.avatar-group img:first-child{margin-left:0}.search-suggestions,.live-search-results{border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow-lg);overflow:hidden}.search-item,.live-search-item{transition:var(--transition)}.search-item:hover,.live-search-item:hover{background:var(--primary-light)}
@media(max-width:760px){.section-title{align-items:flex-start;flex-direction:column}.btn-primary,.btn-outline{width:100%;justify-content:center}.modal-grid{grid-template-columns:1fr}}