#utama{background:linear-gradient(135deg,#fff 0%,#f8fbff 54%,#eef5ff 100%);position:relative}#utama>div{gap:3.25rem}#utama>div>div:first-child>div:last-child{display:none}#utama h1{letter-spacing:-.035em;max-width:680px;line-height:1.08}#utama h1+p{max-width:610px;margin-top:1.1rem;line-height:1.75}#utama>div>div:nth-child(2){max-width:550px}#utama>div>div:nth-child(2)>div.relative{background:#fffffff7!important;border-color:#dbe7f6!important;border-radius:28px!important;box-shadow:0 28px 70px #1e40af21!important}#utama>div>div:nth-child(2)>div.relative>div:first-child{background:linear-gradient(135deg,#172554 0%,#1e40af 100%)!important;padding:1.15rem 1.35rem!important}#utama>div>div:nth-child(2)>div.relative>div:nth-child(2){padding:1.35rem!important}#utama>div>div:nth-child(2)>div.relative>div:nth-child(2)>div.grid:first-child{display:none!important}#utama>div>div:nth-child(2)>div.relative>div:nth-child(2)>div:nth-child(2){border-bottom:1px solid #e2e8f0;padding:.15rem .1rem .9rem;margin-top:0!important}#utama>div>div:nth-child(2)>div.relative>div:nth-child(2)>div:nth-child(2)>div>p:first-child{font-size:0!important}#utama>div>div:nth-child(2)>div.relative>div:nth-child(2)>div:nth-child(2)>div>p:first-child:after{content:"ADUAN KEROSAKAN";letter-spacing:.18em;color:#1e40af;font-size:10px;font-weight:700}#utama>div>div:nth-child(2)>div.relative>div:nth-child(2)>div:nth-child(2)>div>p:nth-child(2){font-size:0!important}#utama>div>div:nth-child(2)>div.relative>div:nth-child(2)>div:nth-child(2)>div>p:nth-child(2):after{content:"Lampu rosak · Blok B · Bilik Darjah";color:#0f172a;font-size:14px;font-weight:700}#utama .space-y-2\.5{grid-template-columns:repeat(4,minmax(0,1fr));position:relative;gap:.35rem!important;margin-top:1rem!important;padding-right:25%!important;display:grid!important}#utama .space-y-2\.5:before{content:"";z-index:0;background:linear-gradient(90deg,#60a5fa 0%,#2563eb 48%,#22c55e 78%,#16a34a 100%);border-radius:999px;height:3px;position:absolute;top:20px;left:11%;right:-21%}#utama .space-y-2\.5>div{z-index:1;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:116px;position:relative;box-shadow:none!important;background:0 0!important;border:0!important;gap:0!important;padding:.75rem .25rem!important;display:flex!important}#utama .space-y-2\.5>div>*{display:none!important}#utama .space-y-2\.5>div:before,#utama .space-y-2\.5+div:before{color:#fff;box-sizing:border-box;background:#2563eb;border:5px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 4px 14px #2563eb38}#utama .space-y-2\.5>div:first-child:before{content:"01"}#utama .space-y-2\.5>div:nth-child(2):before{content:"02"}#utama .space-y-2\.5>div:nth-child(3):before{content:"03";background:#2563eb}#utama .space-y-2\.5>div:after,#utama .space-y-2\.5+div:after{white-space:pre-line;color:#0f172a;margin-top:.55rem;font-size:10.5px;font-weight:700;line-height:1.42}#utama .space-y-2\.5>div:first-child:after{content:"Aduan Dilaporkan\a Guru rekod kerosakan"}#utama .space-y-2\.5>div:nth-child(2):after{content:"Semakan Sekolah\a Aduan disahkan"}#utama .space-y-2\.5>div:nth-child(3):after{content:"Dalam Tindakan\a Kerja dilaksanakan"}#utama .space-y-2\.5+div{z-index:2;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:calc(25% - .35rem);min-height:116px;bottom:1.35rem;right:1.35rem;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;gap:0!important;margin:0!important;padding:.75rem .25rem!important;display:flex!important;position:absolute!important}#utama .space-y-2\.5+div>*{display:none!important}#utama .space-y-2\.5+div:before{content:"04";background:#16a34a;box-shadow:0 4px 14px #16a34a3d}#utama .space-y-2\.5+div:after{content:"Selesai\a Sekolah sahkan kerja"}#ciri{position:relative;overflow:hidden;box-shadow:0 18px 46px #0f172a0e;background:linear-gradient(145deg,#fff 0%,#f8fbff 58%,#f3f7fd 100%)!important;border-color:#d9e4f2!important;padding:2.35rem!important}#ciri:before{content:"";filter:blur(2px);pointer-events:none;background:#dbeafe7a;border-radius:999px;width:230px;height:230px;position:absolute;top:-120px;right:-90px}#ciri>p,#ciri>h2,#ciri>h2+p,#ciri>div{z-index:1;position:relative}#ciri>p:first-child{letter-spacing:.26em!important;font-size:11px!important}#ciri>h2{letter-spacing:-.025em;max-width:720px;line-height:1.2;color:#0f172a!important;margin-top:.45rem!important;font-size:1.7rem!important}#ciri>h2+p{color:#64748b!important;max-width:700px!important;margin-top:.7rem!important}#ciri>div{gap:1rem!important;margin-top:1.8rem!important}#ciri article{min-height:190px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 10px 28px #0f172a0e;background:#fffffff0!important;border:1px solid #dce6f5!important;border-radius:22px!important;padding:1.35rem!important}#ciri article:after{content:"";opacity:.9;background:#2563eb;height:3px;position:absolute;bottom:0;left:0;right:0}#ciri article:nth-child(2):after{background:#16a34a}#ciri article:nth-child(3):after{background:#f59e0b}#ciri article:nth-child(4):after{background:#7c3aed}#ciri article:hover{transform:translateY(-4px);box-shadow:0 18px 38px #1e40af1a;border-color:#bfdbfe!important}#ciri article>span{box-shadow:inset 0 0 0 1px #ffffffb3;border-radius:14px!important;width:2.7rem!important;height:2.7rem!important;font-size:0!important}#ciri article>span:before{font-size:16px;font-weight:800;line-height:1}#ciri article:first-child>span:before{content:"01"}#ciri article:nth-child(2)>span:before{content:"02"}#ciri article:nth-child(3)>span:before{content:"03"}#ciri article:nth-child(4)>span:before{content:"04"}#ciri article h3{letter-spacing:-.015em;color:#0f172a!important;margin-top:1.15rem!important;font-size:1.05rem!important}#ciri article h3+p{color:#64748b!important;margin-top:.65rem!important;font-size:.875rem!important;line-height:1.65!important}main>section:nth-of-type(3){position:relative;overflow:hidden;box-shadow:0 18px 46px #0f172a0d;background:linear-gradient(135deg,#fff 0%,#fbfdff 62%,#f1f6ff 100%)!important;border-color:#d9e4f2!important;padding:2.25rem!important}main>section:nth-of-type(3):before{content:"";pointer-events:none;background:#dbeafe6b;border-radius:999px;width:220px;height:220px;position:absolute;bottom:-95px;right:-70px}main>section:nth-of-type(3)>*{z-index:1;position:relative}main>section:nth-of-type(3)>div:first-child p:first-child{letter-spacing:.26em!important;font-size:11px!important}main>section:nth-of-type(3) h2{letter-spacing:-.025em;line-height:1.2;color:#0f172a!important;margin-top:.45rem!important;font-size:1.7rem!important}main>section:nth-of-type(3)>div:last-child{gap:.8rem!important;margin-top:1.55rem!important}main>section:nth-of-type(3)>div:last-child>a{min-height:112px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 8px 22px #0f172a0b;background:#fffffff5!important;border:1px solid #dce6f5!important;border-radius:18px!important;padding:1.1rem 1.15rem!important}main>section:nth-of-type(3)>div:last-child>a:before{content:"";background:#2563eb;width:4px;position:absolute;top:0;bottom:0;left:0}main>section:nth-of-type(3)>div:last-child>a:nth-child(2):before{background:#16a34a}main>section:nth-of-type(3)>div:last-child>a:nth-child(3):before{background:#0ea5e9}main>section:nth-of-type(3)>div:last-child>a:nth-child(4):before{background:#f59e0b}main>section:nth-of-type(3)>div:last-child>a:nth-child(5):before{background:#22c55e}main>section:nth-of-type(3)>div:last-child>a:hover{transform:translateY(-3px);box-shadow:0 15px 32px #1e40af17;border-color:#bfdbfe!important}main>section:nth-of-type(3)>div:last-child>a p:first-child,main>section:nth-of-type(3)>div:last-child>a>div>p:first-child{letter-spacing:-.04em;color:#0f172a!important;font-size:1.75rem!important;font-weight:800!important;line-height:1!important}main>section:nth-of-type(3)>div:last-child>a p:last-child{font-weight:600;color:#64748b!important;margin-top:.65rem!important;font-size:.78rem!important}@media (width>=1024px){main>header{min-height:76px;padding-top:.95rem!important;padding-bottom:.95rem!important}main>header>a>span{width:2.75rem!important;height:2.75rem!important}main>header>a>div>p:first-child{font-size:1.4rem!important}#utama{padding:2.55rem 3rem!important}#utama>div{grid-template-columns:1.02fr .98fr!important}#utama>div>div:nth-child(2){transform-origin:50%;transform:scale(1.075)}}@media (width<=1023px){#utama>div{gap:2.5rem}#ciri article{min-height:170px}}@media (width<=639px){#utama{padding:1.5rem!important}#utama h1{font-size:2.25rem!important}#ciri{padding:1.5rem!important}#ciri>h2{font-size:1.45rem!important}#ciri article{min-height:0}main>section:nth-of-type(3){padding:1.5rem!important}main>section:nth-of-type(3) h2{font-size:1.45rem!important}main>section:nth-of-type(3)>div:last-child>a{min-height:96px}#utama .space-y-2\.5{grid-template-columns:1fr!important;padding-right:0!important}#utama .space-y-2\.5:before{display:none}#utama .space-y-2\.5>div{min-height:78px}#utama .space-y-2\.5+div{width:100%;min-height:78px;bottom:auto;right:auto;margin-top:.25rem!important;position:relative!important}}main>section:nth-of-type(4){position:relative;overflow:hidden;box-shadow:0 18px 46px #0f172a0d;background:linear-gradient(145deg,#fff 0%,#fbfdff 60%,#f3f7fd 100%)!important;border-color:#d9e4f2!important;padding:2.45rem 2.25rem!important}main>section:nth-of-type(4):before{content:"";pointer-events:none;background:#dbeafe61;border-radius:999px;width:260px;height:260px;position:absolute;bottom:-120px;left:-90px}main>section:nth-of-type(4)>*{z-index:1;position:relative}main>section:nth-of-type(4)>div:first-child>p:first-child{letter-spacing:.27em!important;font-size:11px!important}main>section:nth-of-type(4)>div:first-child>h2{letter-spacing:-.025em;line-height:1.2;color:#0f172a!important;margin-top:.45rem!important;font-size:1.7rem!important}main>section:nth-of-type(4)>div:first-child>p:last-child{color:#64748b!important;margin-top:.7rem!important}main>section:nth-of-type(4)>div:nth-child(2){margin-top:2rem!important}main>section:nth-of-type(4)>div:nth-child(2)>div:first-child{border-radius:999px;box-shadow:0 0 0 5px #dbeafe6b;background:linear-gradient(90deg,#2563eb 0% 72%,#16a34a 100%)!important;height:3px!important;top:27px!important;left:8.5%!important;right:8.5%!important}main>section:nth-of-type(4)>div:nth-child(2)>div:last-child{gap:.75rem!important}main>section:nth-of-type(4)>div:nth-child(2)>div:last-child>div{transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 8px 24px #0f172a0b;background:#fffffff5!important;border:1px solid #dce6f5!important;border-radius:20px!important;min-height:170px!important;padding:.95rem .8rem 1.05rem!important}main>section:nth-of-type(4)>div:nth-child(2)>div:last-child>div:hover{transform:translateY(-3px);box-shadow:0 15px 32px #1e40af17;border-color:#bfdbfe!important}main>section:nth-of-type(4)>div:nth-child(2)>div:last-child>div>span{box-shadow:0 6px 16px #1e40af33;color:#fff!important;background:#1e40af!important;border-width:5px!important;border-color:#fff!important;width:48px!important;height:48px!important;font-size:11px!important}main>section:nth-of-type(4)>div:nth-child(2)>div:last-child>div:nth-child(5)>span{box-shadow:0 6px 16px #16a34a38;background:#16a34a!important}main>section:nth-of-type(4)>div:nth-child(2)>div:last-child>div>h3{line-height:1.35;color:#0f172a!important;margin-top:.8rem!important;font-size:.86rem!important;font-weight:700!important}main>section:nth-of-type(4)>div:nth-child(2)>div:last-child>div>p{max-width:155px;color:#64748b!important;margin-top:.5rem!important;font-size:.72rem!important;line-height:1.6!important}main>section:nth-of-type(4)>div:nth-child(2)>div:last-child>div:nth-child(5){background:linear-gradient(#fff 0%,#f0fdf4 100%)!important;border-color:#bbf7d0!important}main>section:nth-of-type(4)>div:nth-child(2)>div:last-child>div:nth-child(5)>h3{color:#166534!important}@media (width<=1023px){main>section:nth-of-type(4)>div:nth-child(2)>div:last-child>div{min-height:155px!important}}@media (width<=639px){main>section:nth-of-type(4){padding:1.6rem!important}main>section:nth-of-type(4)>div:first-child>h2{font-size:1.45rem!important}main>section:nth-of-type(4)>div:nth-child(2)>div:last-child>div{text-align:left!important;align-items:flex-start!important;min-height:0!important;padding:1rem!important}main>section:nth-of-type(4)>div:nth-child(2)>div:last-child>div>p{max-width:none}}html{scroll-behavior:smooth}body{text-rendering:optimizelegibility}main>header,main>section,main>footer{scroll-margin-top:1rem}main a:focus-visible,main button:focus-visible{outline-offset:3px;outline:3px solid #2563eb47}main>header{border-color:#d9e4f2!important;box-shadow:0 10px 30px #0f172a0b!important}main>header a,#utama a,main>footer a{transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s}main>header nav a:hover,#utama a:hover,main>footer a:hover{transform:translateY(-1px)}main>header nav a:first-child,#utama>div>div:first-child>div:nth-last-child(2)>a:first-child{color:#1e40af!important;background:#fff!important;border:1px solid #94a3b8!important;box-shadow:0 3px 10px #0f172a0a!important}main>header nav a:first-child:hover,#utama>div>div:first-child>div:nth-last-child(2)>a:first-child:hover{color:#1d4ed8!important;background:#eff6ff!important;border-color:#60a5fa!important;box-shadow:0 6px 16px #2563eb1a!important}#ciri .grid>article>span{font-size:0!important;line-height:1!important}#ciri .grid>article>span:before{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;font-size:11px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important}#ciri .grid>article:first-child>span:before{content:"01"!important;color:#2563eb!important}#ciri .grid>article:nth-child(2)>span:before{content:"02"!important;color:#16a34a!important}#ciri .grid>article:nth-child(3)>span:before{content:"03"!important;color:#d97706!important}#ciri .grid>article:nth-child(4)>span:before{content:"04"!important;color:#7c3aed!important}main>footer{box-shadow:0 14px 36px #0f172a1f;border-color:#1e3a8a!important}main>footer>div:first-child{padding-top:1.45rem!important;padding-bottom:1.25rem!important}main>footer>div:last-child{padding-top:.7rem!important;padding-bottom:.7rem!important}main>footer nav a{align-items:center;min-height:36px;display:inline-flex}@media (width>=640px) and (width<=1023px){main{padding-left:1.25rem!important;padding-right:1.25rem!important}#utama{padding:2.25rem!important}#utama>div>div:nth-child(2){margin-left:auto;margin-right:auto}#ciri>div,main>section:nth-of-type(3)>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=639px){main{padding-left:.8rem!important;padding-right:.8rem!important}main>header{border-radius:18px!important;padding:.85rem 1rem!important}main>header>a>div>p:last-child{display:none}main>header nav{gap:.4rem!important}main>header nav a{min-height:40px;padding-left:.8rem!important;padding-right:.8rem!important}#utama,#ciri,main>section:nth-of-type(3),main>section:nth-of-type(4){border-radius:22px!important}#utama h1{font-size:2.05rem!important;line-height:1.08!important}#utama h1+p{font-size:.92rem!important;line-height:1.7!important}#utama>div>div:first-child>div:nth-last-child(2){gap:.55rem!important}#utama a{min-height:42px}#ciri>div{gap:.8rem!important}#ciri article{border-radius:18px!important;padding:1.15rem!important}main>section:nth-of-type(3){padding:1.55rem!important}main>section:nth-of-type(3)>div:first-child{align-items:flex-start!important;gap:.75rem!important}main>section:nth-of-type(3)>div:last-child{grid-template-columns:1fr!important;gap:.7rem!important}main>section:nth-of-type(3)>div:last-child>a{min-height:92px}main>footer{border-radius:22px!important}main>footer>div:first-child{gap:1.15rem!important}main>footer nav{width:100%;justify-content:flex-start!important;gap:.5rem!important}main>footer nav a{min-height:40px}main>footer>div:last-child{line-height:1.5;gap:.35rem!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}main *,main :before,main :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}