*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",sans-serif;color:#111827;line-height:1.6}body{background-color:#f8fafc}a{color:#4f46e5;text-decoration:none}a:hover{text-decoration:none}.header{width:100%;background-color:#4f46e5;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header .logo{font-size:1.5rem;font-weight:bold}.header .nav{display:flex;gap:1.5rem}.header .nav a{color:#fff;text-decoration:none;font-weight:500;position:relative}.header .nav a::after{content:"";display:block;width:0;height:2px;background:#fff;transition:width .3s;position:absolute;bottom:-4px;left:0}.header .nav a:hover::after{width:100%}@media(max-width: 767px){.header{flex-direction:column;align-items:flex-start}.header .nav{flex-direction:column;width:100%;margin-top:1rem}.header .nav a{padding:.5rem 0}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#4f46e5;position:fixed;width:100vw;top:0;transition:box-shadow .3s ease;transition:background-color .3s ease;z-index:99}.navbar.scrolled{box-shadow:0 4px 8px -2px rgba(0,0,0,.24);background-color:rgba(79,70,229,.7803921569)}.navbar .logo{font-size:1.5rem;font-weight:bold;color:#fff}@media(max-width: 767px){.navbar .navbar-toggle{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:23px;background:rgba(0,0,0,0);border:none;cursor:pointer;z-index:99}.navbar .navbar-toggle span{display:block;height:3px;width:100%;background-color:#fff;border-radius:2px}.navbar .navbar-toggle span .bar{width:100%;height:3px;background-color:#333;border-radius:2px;transition:all .3s ease}.navbar .navbar-toggle.active .bar:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.navbar .navbar-toggle.active .bar:nth-child(2){opacity:0}.navbar .navbar-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(6px, -6px)}}.navbar .nav-links{display:flex;gap:1.5rem}.navbar .nav-links a{color:#fff;text-decoration:none;font-weight:500}@media(max-width: 767px){.navbar .nav-links{flex-direction:column;align-items:center;justify-content:center;position:fixed;inset:0;background-color:#4f46e5;gap:2rem;transform:translateX(-100%);transition:transform .3s ease;z-index:10}}.navbar .nav-links.active{transform:translateX(0)}.navbar-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer}.navbar-toggle span{display:block;height:3px;width:100%;background-color:#fff;border-radius:2px}@media(max-width: 767px){.navbar-toggle{display:flex}}.hero{position:relative;width:100%;padding:4rem 2rem;background-image:url(/assets/images/normad.jpg);background-size:cover;background-position:center;color:#fff;text-align:center;z-index:0}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, #4f46e5, #22d3ee);opacity:.7;z-index:-1}.hero h1{font-size:3rem;margin-bottom:1rem;color:#2c2595;text-shadow:2px 3px 8px #c2e3ef}.hero p{font-size:1.25rem;max-width:600px;margin:0 auto;color:#19499f;text-shadow:0 0 8px #256b7d}@media(max-width: 767px){.hero{padding:2rem 1rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}}.card-container{display:grid;gap:1.5rem;grid-template-columns:repeat(4, 1fr);padding:2rem}@media(max-width: 767px){.card-container{grid-template-columns:repeat(2, 1fr);padding:0rem;gap:1rem}}.card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 20px rgba(0,0,0,.05);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 6px 25px rgba(0,0,0,.08)}.card img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.card img .lazyimg{width:100%;display:block;aspect-ratio:0;object-fit:cover}.card img.slot{aspect-ratio:0 !important}.card .card-body{padding:1rem}.card .card-body h3{font-size:1.25rem;margin-bottom:.5rem}@media(max-width: 767px){.card .card-body h3{text-align:center;font-size:.75rem}}.card .card-body p{font-size:.95rem;color:#111827;line-height:1.4}@media(max-width: 767px){.card .card-body p{font-size:.75rem}}.card .card-body .tag{font-size:smaller;border:solid #ccc;width:fit-content;padding:0 10px;border-radius:25px;margin:10px auto;color:#ccc}.card .card-body .card-button{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;align-items:center;margin:10px 0 0 10px}.footer{width:100%;background-color:rgb(41.1374407583,30.5592417062,217.4407582938);color:#fff;padding:2rem;text-align:center;font-size:.875rem}.footer a{color:#22d3ee;text-decoration:none}.footer a:hover{text-decoration:underline}@media(max-width: 767px){.footer{padding:1.5rem 1rem;font-size:.75rem}}.page-wrapper{display:flex;margin-top:70px;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:1rem}.progress-container{width:100%;height:25px;background:#eee;border-radius:20px;overflow:hidden;position:relative}.progress-bar{height:100%;width:0%;background-color:red;transition:width .5s ease,background-color .5s ease}.progress-text{display:flex;align-items:center;justify-content:center;height:-webkit-fill-available;position:absolute;width:100%;text-align:center;line-height:25px;top:0;left:0;color:#000;font-weight:bold}/*# sourceMappingURL=style.css.map */