/* Dấu hiệu EduFind dùng chung cho các trang phụ (hướng dẫn, cập nhật, tài khoản, danh mục...). */
.brandmark{width:36px;height:36px;flex:none;display:inline-block;vertical-align:middle;filter:drop-shadow(0 6px 12px rgba(20,60,200,.45));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
a:hover>.brandmark{transform:rotate(-7deg) scale(1.08)}
.sf-logo .brandmark{width:40px;height:40px}
.brand .brandmark{margin-right:2px}
@media(prefers-reduced-motion:reduce){.brandmark{transition:none}}

/* Thanh đầu trang các trang phụ: cực quang và sàn lưới 3D, đồng bộ với cổng. */
body>header{position:relative;isolation:isolate;background:
  radial-gradient(40% 90% at 14% 10%,rgba(56,189,248,.26),transparent 70%),
  radial-gradient(36% 90% at 88% 0,rgba(139,92,246,.32),transparent 70%),
  radial-gradient(40% 80% at 60% 130%,rgba(245,158,11,.16),transparent 70%),
  linear-gradient(160deg,#08202f 0%,#0b2a40 45%,#0f3d5e 100%)}
body>header::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(rgba(125,211,252,.2) 1px,transparent 1px) 0 0/100% 30px,linear-gradient(90deg,rgba(125,211,252,.2) 1px,transparent 1px) 0 0/48px 100%;
  transform:perspective(360px) rotateX(58deg);transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(to top,#000 10%,transparent 90%);mask-image:linear-gradient(to top,#000 10%,transparent 90%);animation:bc-grid 8s linear infinite}
@keyframes bc-grid{to{background-position:0 30px,48px 0}}
body>header h1{background:linear-gradient(100deg,#fff 15%,#aee6ff 55%,#d9ccff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.item,.card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
a.item:hover,.item:hover{transform:translateY(-3px);box-shadow:0 22px 34px -22px rgba(11,42,64,.55);border-color:#38bdf8}
@media(prefers-reduced-motion:reduce){body>header::after{animation:none}.item,.card{transition:none}}
@media print{body>header::after{display:none}}