@font-face{font-family:Gabarito;src:url('/branding/gabarito.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
:root{
 --background:0 0% 8.6%;--foreground:0 0% 96.9%;
 --card:0 0% 8.6%;--card-foreground:0 0% 96.9%;
 --popover:0 0% 8.6%;--popover-foreground:0 0% 96.9%;
 --primary:244 78.5% 38.2%;--primary-glow:244 78.5% 48%;
 --ring:244 78.5% 38.2%;--secondary:0 0% 15%;--muted:0 0% 15%;
 --muted-foreground:0 0% 70%;--border:0 0% 19%;--input:0 0% 19%;
 --gradient-primary:linear-gradient(135deg,#1f15ae,#3224d7);
 --gradient-hero:linear-gradient(135deg,#161616,#242424);
 --gradient-card:linear-gradient(135deg,#1c1c1c,#292929);
 --shadow-elegant:0 25px 50px -12px rgb(31 21 174 / 25%);
 --shadow-glow:0 0 40px rgb(31 21 174 / 30%);
 --radius:.375rem;
}
html,body,button,input,textarea,select{font-family:Gabarito,Arial,sans-serif}
h1,h2,h3,h4{font-family:Gabarito,Arial,sans-serif;letter-spacing:-.035em}
img[alt='Skillup Digital Lab Logo']{width:160px;height:auto;min-height:42px;object-fit:contain}
button{border-radius:6px}
.bg-gradient-primary{background-image:var(--gradient-primary)}
.text-primary{color:#4b40eb}
a:focus-visible,button:focus-visible{outline:2px solid #f7f7f7;outline-offset:4px}
@media(max-width:767px){img[alt='Skillup Digital Lab Logo']{width:140px}}
/* A brighter brand accent keeps headings readable on the dark canvas. */
h1 .bg-clip-text{background-image:linear-gradient(135deg,#8c85ff,#655aff)}