:root{--north-blue: #1e6695;--north-blue-dark: #164e72;--north-gold: #c3a050;--north-gold-light: #e6c87e}body{font-family:Tajawal,sans-serif;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.font-serif{font-family:Amiri,serif}.bg-grid-pattern{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%)}.text-glow{text-shadow:0 0 20px rgba(195,160,80,.3)}.text-glow-strong{text-shadow:0 0 30px rgba(195,160,80,.6)}.btn-glow{box-shadow:0 0 20px #1e669580;transition:all .3s ease}.btn-glow:hover{box-shadow:0 0 30px #1e6695cc;transform:translateY(-2px)}.btn-gold-glow{box-shadow:0 0 20px #c3a05066;transition:all .3s ease}.btn-gold-glow:hover{box-shadow:0 0 30px #c3a050b3;transform:translateY(-2px)}.modal-enter{animation:modalIn .3s ease-out forwards}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.text-gradient-gold{background:linear-gradient(to right,#c3a050,#e6c87e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hidden-view{display:none!important}.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.validation-item{transition:color .3s ease}