.swaraNulis_tableSection__zbAaq h2{text-align:center;font-size:2rem;font-weight:600;margin-bottom:40px;margin-top:150px}.swaraNulis_tableGrid___h2cb p{display:flex;justify-content:center;align-items:center;max-width:650px;text-align:center;margin:0 auto 30px}.swaraNulis_container__SugDh{display:flex;flex-direction:column;min-height:100vh;width:100%;text-align:center;background-color:#f4f7f6}.swaraNulis_title__VMyie{margin-top:150px;font-size:2rem;font-weight:600;margin-bottom:30px;color:#333}.swaraNulis_gridContainer__V1DS1{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;justify-content:center;padding:20px;margin-bottom:50px}.swaraNulis_gridItem__r1fu8{text-align:center;padding:20px;background-color:#f7f7f7;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .3s ease,background-color .3s ease}.swaraNulis_symbol__kIj4i{font-size:2.5rem;font-family:Sundanese Unicode,serif;margin-bottom:10px}.swaraNulis_symbolLabel__QQKrF{font-size:1.2rem;font-weight:700;margin-bottom:10px}.swaraNulis_symbolDesc__aKGib{font-size:1rem;color:#444}.swaraNulis_gridItem__r1fu8:hover{transform:scale(1.05);background-color:#f8f9fa}.swaraNulis_digitBoard__PKXwp{margin-top:20px;display:flex;justify-content:center;padding:5px}.swaraNulis_digitBoardContent__HIZ_s{text-align:center;padding:15px;border:2px solid #ddd;border-radius:10px;width:60%;max-width:500px;background-color:#f9f9f9;box-shadow:0 2px 8px rgba(0,0,0,.1)}.swaraNulis_displayCharacter__ii64y{font-size:30px;font-weight:700;color:#000;margin-bottom:5px}.swaraNulis_displayLabel__43B2B{margin-top:10px;font-size:20px;font-weight:400;color:#000000}.swaraNulis_arrowButtons__QQBS2{display:flex;justify-content:center;gap:20px;margin-top:20px;margin-bottom:20px}.swaraNulis_arrowButton__ez9Bu{padding:12px 24px;background-color:#a1a1a1;border:none;border-radius:50px;cursor:pointer;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;font-size:24px;font-weight:700;color:white;box-shadow:0 3px 8px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.swaraNulis_arrowButton__ez9Bu:hover{background-color:#000000;transform:scale(1.1);box-shadow:0 6px 12px rgba(0,0,0,.3)}.swaraNulis_arrowButton__ez9Bu:active{transform:scale(.98);box-shadow:0 2px 5px rgba(0,0,0,.1)}.swaraNulis_kotak__4PAsE{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.swaraNulis_circles__NKaIb{display:flex;gap:.5rem}.swaraNulis_circle__lg1Ah{width:1.5rem;height:1.5rem;border-radius:9999px;cursor:pointer;border:1px solid #9ca3af}.swaraNulis_circle__lg1Ah.swaraNulis_white__7Qb8c{background-color:white}.swaraNulis_circle__lg1Ah.swaraNulis_black__jm5PK{background-color:black}.swaraNulis_circle__lg1Ah.swaraNulis_red__qHGDE{background-color:#dc2626}.swaraNulis_circle__lg1Ah.swaraNulis_yellow__ZNGBk{background-color:#facc15}.swaraNulis_circle__lg1Ah.swaraNulis_green__ghsoU{background-color:#16a34a}.swaraNulis_circle__lg1Ah.swaraNulis_blue__KKH8Z{background-color:#1d4ed8}.swaraNulis_lihatContoh__7SGIQ{font-size:.75rem;font-weight:400;color:black;margin-top:10px}.swaraNulis_contentBox__Rh7sq{width:100%;max-width:600px;height:400px;border:1px solid #9ca3af;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;margin:20px auto}.swaraNulis_contentText__KNrwK{width:100%;height:100%}.swaraNulis_clearButton__4fII_{text-align:center;margin-top:20px;margin-bottom:50px;font-family:montserrat}.swaraNulis_clearButton__4fII_ button{padding:10px 25px;background-color:#c4c4c4;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;font-size:18px;font-weight:700;box-shadow:0 4px 8px rgba(0,0,0,.1)}.swaraNulis_clearButton__4fII_ button:hover{background-color:#000000;transform:scale(1.05);color:floralwhite}.swaraNulis_clearButton__4fII_ button:active{transform:scale(.98)}@media (max-width:1024px){.swaraNulis_grid__CITgx{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.swaraNulis_title__VMyie{font-size:1.5rem}.swaraNulis_grid__CITgx{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.swaraNulis_digitBoardContent__HIZ_s{width:80%;max-width:400px}.swaraNulis_contentBox__Rh7sq{width:100%;max-width:90%}.swaraNulis_arrowButton__ez9Bu{padding:10px 20px;font-size:18px}}@media (max-width:480px){.swaraNulis_title__VMyie{font-size:1.2rem}.swaraNulis_grid__CITgx{grid-template-columns:1fr}.swaraNulis_contentBox__Rh7sq{width:100%;height:300px}.swaraNulis_digitBoardContent__HIZ_s{width:100%}.swaraNulis_arrowButton__ez9Bu{padding:8px 16px;font-size:16px}}.headfoot_header__jRVSE{background-color:#2c3e50;color:white;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;position:fixed;top:0;z-index:1000;width:100%;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:background-color .3s ease}.headfoot_logo__lIkP9{background-image:url(/image/logo-removebg-preview.png);background-size:contain;background-repeat:no-repeat;width:150px;height:50px;display:flex;align-items:center}.headfoot_navLinks__MIoSk{display:flex;list-style:none;gap:30px;margin-right:50px}.headfoot_navLinks__MIoSk li{font-size:1rem}.headfoot_navLinks__MIoSk a{text-decoration:none;color:white;font-weight:700;font-family:montserrat,sans-serif;transition:color .3s ease}.headfoot_navLinks__MIoSk a:hover{color:#3498db}.headfoot_hamburger__Kr9P5{display:none;flex-direction:column;gap:5px;cursor:pointer;position:absolute;right:20px;top:20px}.headfoot_hamburgerIcon__LmM0v{width:30px;height:4px;background-color:white;border-radius:5px}.headfoot_navLinks__MIoSk.headfoot_show__I_vYs{display:flex;flex-direction:column;position:absolute;left:0;width:100%;background-color:#2c3e50;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.headfoot_navLinks__MIoSk.headfoot_show__I_vYs li{margin:10px 0}.headfoot_navLinks__MIoSk.headfoot_show__I_vYs a{color:white;font-size:1.2rem}.headfoot_navLinks__MIoSk.headfoot_show__I_vYs a:hover{color:#3498db}.headfoot_footer__36Cwb{background-color:#1b1b1b;color:#fff;padding:40px 20px;font-family:montserrat,sans-serif}.headfoot_footerContent__2LkWO{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:0 auto}.headfoot_logoSection__WwUQ8{flex:1;min-width:200px;width:150px;height:60px;background-image:url(/_next/static/media/logo-removebg-preview.d6b2f23c.png);background-repeat:no-repeat;background-size:contain;background-position:0}.headfoot_logoSection__WwUQ8 h3{font-size:24px;margin-bottom:5px}.headfoot_logoSection__WwUQ8 p{font-size:24px;font-family:Sundanese Unicode,sans-serif}.headfoot_linkSection__NcB8v{display:flex;gap:40px;flex:2;justify-content:flex-end;flex-wrap:wrap;min-width:200px}.headfoot_linkSection__NcB8v div h4{margin-bottom:10px;font-weight:400;font-size:16px}.headfoot_linkSection__NcB8v div p{margin:4px 0;font-size:14px;color:#fff;position:relative;cursor:pointer;transition:color .25s ease}.headfoot_linkSection__NcB8v div p a{text-decoration:none;color:#aaaa}.headfoot_linkSection__NcB8v div p:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:#ffffff;transition:width .3s ease}.headfoot_linkSection__NcB8v div p:hover{color:#fff}.headfoot_linkSection__NcB8v div p:hover:after{width:100%}.headfoot_footerBottom__zLttR{text-align:center;padding-top:20px;font-size:13px;color:#999}@media (max-width:768px){.headfoot_footerContent__2LkWO{flex-direction:column;align-items:center;text-align:center}.headfoot_logoSection__WwUQ8{width:100%;height:auto;background-position:50%;background-size:80px auto;background-repeat:no-repeat;padding-top:70px;margin-bottom:20px}.headfoot_logoSection__WwUQ8 h3,.headfoot_logoSection__WwUQ8 p{display:block;font-size:16px;margin:5px 0}.headfoot_linkSection__NcB8v{flex-direction:column;align-items:center;gap:20px;justify-content:center;width:100%}.headfoot_linkSection__NcB8v div{width:100%}.headfoot_linkSection__NcB8v div h4{font-size:16px;font-weight:300}.headfoot_linkSection__NcB8v div p{font-size:15px}.headfoot_linkSection__NcB8v div p:after{bottom:-5px}.headfoot_footerBottom__zLttR{padding-top:30px;font-size:12px}}.headfoot_footer__36Cwb .headfoot_footerText__Nls_H{color:#aaa;font-size:14px;margin-top:10px;line-height:1.6}.headfoot_footer__36Cwb .headfoot_footerText__Nls_H a{color:#fff;text-decoration:none}.headfoot_footer__36Cwb .headfoot_footerText__Nls_H a:hover{text-decoration:underline}@media (max-width:768px){.headfoot_navLinks__MIoSk{display:none}.headfoot_hamburger__Kr9P5{display:flex;margin-right:40px}.headfoot_header__jRVSE{justify-content:space-between;position:fixed}.headfoot_logo__lIkP9{width:150px;height:50px}}