body.jawi-maze-page{color:#183c56;background:radial-gradient(at 15% 10%,#d9faff,#0000 55%),radial-gradient(at 95% 70%,#e5e1ff,#0000 50%),#f6f9ff;min-height:100svh;margin:0}.maze-shell{grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;width:100%;max-width:940px;height:100svh;margin:auto;padding:12px 20px;display:grid}.maze-back{color:#254a68;background:#fff;border:1px solid #d5e4ef;border-radius:14px;padding:10px 16px;font-size:13px;font-weight:800;text-decoration:none}.maze-back:disabled{opacity:.4}.maze-eyebrow{letter-spacing:.13em;color:#637894;font-size:10px;font-weight:900}.maze-heading{text-align:center;padding:0}.maze-heading>span{display:none}.maze-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(24px,3.5vw,32px);font-weight:900}.maze-heading em{color:#7750dc;font-style:normal}.maze-heading p{color:#647a92;margin:5px 0 0;font-size:13px}.maze-game{background:#fff;border:1px solid #dce5f7;border-radius:26px;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;padding:12px 18px;display:grid;box-shadow:0 16px 60px #334f8c13}.maze-stats{border-bottom:1px solid #edf0f9;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:0 6px 13px;font-size:13px;display:flex}.maze-stats strong{font-weight:900}[data-lives]{color:#ef6584;letter-spacing:3px;font-size:18px}.maze-prompt{justify-content:center;align-items:center;gap:20px;padding:8px 0;display:flex}.maze-prompt h2{margin:3px 0;font-size:clamp(13px,2.2vw,18px);font-weight:800}.maze-jawi{font-family:Traditional Arabic,Noto Naskh Arabic,serif}.maze-question{color:#6744ba;background:#f2ecff;border:1px solid #e3d7ff;border-radius:16px;flex-shrink:0;place-items:center;width:55px;height:50px;font-size:40px;line-height:1;display:grid}.maze-play-area{background:#112547;border-radius:16px;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.maze-board{aspect-ratio:13/11;outline-offset:-4px;touch-action:pan-y;grid-template-rows:repeat(11,minmax(0,1fr));grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;width:min(100cqw,118.182cqh,650px);margin:auto;padding:6px;display:grid}.maze-cell{background:#132c50;border-radius:5px;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.maze-cell.wall{background:linear-gradient(145deg,#3e66a4,#2b4d80);border-top:2px solid #6892c5;box-shadow:0 2px #0b1c38}.maze-cell.path:before{content:"";background:#506488;border-radius:50%;width:3px;height:3px}.maze-cell.target{color:#162443;background:#fff8dc;border:2px solid #ffc557;font-size:min(5cqw,6cqh,39px);line-height:1;box-shadow:0 0 16px #ffce5030}.maze-avatar{color:#423517;z-index:1;background:#ffcc4d;border:2px solid #ffe995;border-radius:50%;place-items:center;width:78%;height:78%;font-size:min(3cqw,3.5cqh,22px);font-weight:900;display:grid;position:absolute;box-shadow:0 3px #c68b22}.maze-avatar.guard{color:#fff;background:#aa7aea;border-color:#d4b8ff;border-radius:45% 45% 25% 25%;box-shadow:0 3px #634599}.maze-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#101f40b8;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.maze-overlay[hidden]{display:none}.maze-dialog{text-align:center;background:#fff;border-radius:23px;width:100%;max-width:360px;max-height:calc(100svh - 28px);padding:clamp(14px,3vw,28px);overflow-y:auto;box-shadow:0 12px 40px #07112b55}.maze-dialog-icon{font-size:38px}.maze-dialog h2{margin:6px 0;font-size:23px;font-weight:900}.maze-dialog p{color:#62738b;margin:8px 0 14px;font-size:13px;line-height:1.6}.maze-mode{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.maze-mode[hidden]{display:none}.maze-primary{color:#fff;background:linear-gradient(120deg,#8e60eb,#6841c8);border:0;border-radius:13px;width:100%;padding:13px;font-weight:900;box-shadow:0 4px #4e2b9f}.maze-footer{justify-content:space-between;align-items:center;gap:15px;padding:8px 4px 0;display:flex}.maze-instructions p{color:#667b91;margin:5px 0;font-size:12px}.maze-instructions p:first-child{align-items:center;gap:8px;display:flex}.maze-legend-player{color:#dfaa20}.maze-legend-guard{color:#9c6bdc}.maze-instructions .maze-feedback{color:#6f48b5;font-weight:700}.maze-controls{flex-shrink:0;grid-template-columns:repeat(3,44px);gap:5px;display:grid}.maze-controls button{color:#48688d;touch-action:none;-webkit-user-select:none;user-select:none;background:#edf2fc;border:1px solid #d9e3f5;border-bottom:3px solid #c9d5ec;border-radius:10px;height:40px;font-size:23px;font-weight:900}.maze-controls button:active{background:#ddd1fc}.maze-controls [data-direction=up]{grid-column:2}.maze-controls [data-direction=left]{grid-column:1}.maze-note{text-align:center;color:#7c8ba2;margin:0;font-size:11px}.maze-shell button:focus-visible,.maze-shell a:focus-visible{outline-offset:3px;outline:3px solid #bd8aff}.maze-shell button{cursor:pointer}.maze-shell button:disabled{cursor:default}.maze-noscript{background:#fff1d2;border-radius:12px;padding:16px}@media (width<=540px){.maze-shell{gap:6px;padding:8px}.maze-shell header>.maze-eyebrow{display:none}.maze-game{border-radius:18px;padding:10px}.maze-board{gap:1px;padding:4px}.maze-cell{border-radius:3px}.maze-footer{text-align:center;flex-direction:column-reverse;gap:4px}.maze-instructions p:first-child{justify-content:center}.maze-stats{padding-inline:0;font-size:11px}.maze-dialog-icon{font-size:25px}.maze-dialog h2{font-size:20px}.maze-dialog p{margin:5px 0 10px;font-size:12px}.maze-mode{margin-bottom:10px}.maze-primary{padding:10px}.maze-question{width:50px;height:50px}}@media (height<=700px){.maze-heading p,.maze-note,.maze-prompt .maze-eyebrow{display:none}.maze-back{padding:7px 12px}.maze-heading h1{font-size:24px}.maze-stats{padding-bottom:6px}.maze-question{width:42px;height:38px;font-size:32px}.maze-instructions p{margin:2px 0;font-size:11px}}@media (height<=500px) and (width>=541px){.maze-shell{grid-template-rows:auto minmax(0,1fr);gap:4px;padding:6px 12px}.maze-heading{display:none}.maze-game{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 180px;gap:0 12px;padding:8px;position:relative}.maze-stats{grid-column:1/-1}.maze-prompt{grid-column:1;gap:8px;padding:4px 0}.maze-prompt h2{font-size:13px}.maze-play-area{grid-area:3/1}.maze-footer{text-align:center;flex-direction:column-reverse;grid-area:2/2/4;justify-content:center;gap:8px}.maze-instructions p:first-child{justify-content:center}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Figtree,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#6b7280;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([multiple]):focus,textarea:focus,select:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:#2563eb;outline:2px solid #0000}input::-moz-placeholder{color:#6b7280;opacity:1}textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;-webkit-print-color-adjust:unset;print-color-adjust:unset;padding-right:.75rem}input:where([type=checkbox]),input:where([type=radio]){appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:#2563eb;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:#6b7280;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);outline:2px solid #0000}input:where([type=checkbox]):checked,input:where([type=radio]):checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=checkbox]):checked{appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=radio]):checked{appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{background-color:currentColor;border-color:#0000}input:where([type=checkbox]):indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){input:where([type=checkbox]):indeterminate{appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{background-color:currentColor;border-color:#0000}input:where([type=file]){background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}input:where([type=file]):focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}html,body.jawi-page-dashboard{min-height:100%;overflow:hidden auto}body.jawi-page-dashboard .page{background:var(--jawi-dashboard-bg) center bottom / cover no-repeat;isolation:isolate;grid-template-columns:112px minmax(0,1fr);min-width:0;height:auto;min-height:100vh;display:grid;position:relative}body.jawi-page-dashboard .page>.star,body.jawi-page-dashboard .page>.mosque,body.jawi-page-dashboard .page>.cloud,body.jawi-page-dashboard .page>.grass{display:none}body.jawi-page-dashboard .star{color:#ffd54c;filter:drop-shadow(0 4px #ffa90059);z-index:0;font-size:26px;position:absolute}body.jawi-page-dashboard .star.one{top:42px;left:30%}body.jawi-page-dashboard .star.two{top:28px;right:32%}body.jawi-page-dashboard .star.three{font-size:20px;top:155px;right:40%}body.jawi-page-dashboard .mosque{opacity:.72;z-index:-1;background:radial-gradient(circle at 62% 35%,#75aae3 0 45px,#0000 46px),linear-gradient(#75aae3,#75aae3) 51% 48%/112px 82px no-repeat,linear-gradient(#5f99d7,#5f99d7) 17% 42%/22px 100px no-repeat,linear-gradient(#5f99d7,#5f99d7) 86% 42%/22px 100px no-repeat,radial-gradient(circle at 15% 27%,#75aae3 0 18px,#0000 19px),radial-gradient(circle at 86% 27%,#75aae3 0 18px,#0000 19px);border-bottom-left-radius:80px;width:255px;height:190px;position:absolute;top:98px;right:0}body.jawi-page-dashboard .cloud{z-index:0;pointer-events:none;background:#ffffffe6;border-radius:999px;position:absolute}body.jawi-page-dashboard .cloud.left{opacity:.94;width:178px;height:56px;top:66px;left:150px;box-shadow:42px -30px 0 8px #fffffff2,98px -10px 0 10px #fffffff2,138px 5px 0 -4px #ffffffe6}body.jawi-page-dashboard .cloud.right{width:190px;height:70px;bottom:84px;right:0;box-shadow:-52px -26px 0 8px #fffffff2}body.jawi-page-dashboard .grass{z-index:0;pointer-events:none;background:radial-gradient(circle at 1% 100%,#69bf64 0 54px,#0000 55px),radial-gradient(circle at 97% 100%,#73c970 0 68px,#0000 69px);height:60px;position:absolute;inset:auto 0 0}body.jawi-page-dashboard .sidebar-backdrop{display:none}body.jawi-page-dashboard .sidebar{z-index:2;background:#ffffffc7;border-right:1px solid #7353bd1f;flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:10px;display:flex;box-shadow:16px 0 38px #6253aa29}body.jawi-page-dashboard .brand{text-align:center;place-items:center;width:96px;height:100px;display:grid}body.jawi-page-dashboard .brand img{-o-object-fit:contain;object-fit:contain;width:84%;height:84%;display:block}body.jawi-page-dashboard .brand strong{color:#1da354;margin-bottom:8px;font-size:32px;line-height:1;display:block}body.jawi-page-dashboard .nav{gap:8px;width:100%;display:grid}body.jawi-page-dashboard .nav button,body.jawi-page-dashboard .nav a{color:#5c5870;cursor:pointer;background:0 0;border:0;border-radius:18px;place-items:center;gap:4px;min-height:58px;font-weight:800;text-decoration:none;display:grid}body.jawi-page-dashboard .nav .active{color:#fff;background:linear-gradient(145deg,#9363f6,#6d3fd0);box-shadow:0 12px 22px #663dce59}body.jawi-page-dashboard .nav .icon{place-items:center;width:34px;height:34px;font-size:26px;line-height:1;display:grid}body.jawi-page-dashboard .settings{margin-top:auto}body.jawi-page-dashboard .mobile-sidebar-actions{display:none}body.jawi-page-dashboard .main{z-index:1;grid-template-rows:56px 212px minmax(310px,1fr) 96px;gap:14px;min-width:0;height:auto;min-height:100vh;padding:18px 24px 28px 18px;display:grid}body.jawi-page-dashboard .topbar{justify-content:flex-end;align-items:center;display:flex}body.jawi-page-dashboard .menu-button{color:#6b91b7;background:0 0;border:0;font-size:34px;font-weight:900;display:none}body.jawi-page-dashboard .user-area{align-items:center;gap:12px;display:flex}body.jawi-page-dashboard .notice{background:#ffffffed;border-radius:16px;place-items:center;width:48px;height:48px;font-size:24px;display:grid;position:relative;box-shadow:0 12px 24px #4a649624}body.jawi-page-dashboard .notice:after{content:"";background:#ff5aa8;border-radius:999px;width:8px;height:8px;position:absolute;top:9px;right:10px}body.jawi-page-dashboard .profile{background:#ffffffed;border-radius:18px;align-items:center;gap:10px;min-width:154px;height:58px;padding:8px 14px 8px 8px;font-weight:900;display:flex;box-shadow:0 12px 24px #4a649624}body.jawi-page-dashboard .avatar{background:linear-gradient(#9ee9ff,#fff1a8);border-radius:999px;place-items:center;width:46px;height:46px;font-size:30px;display:grid}body.jawi-page-dashboard .profile small{color:#765bb8;margin-top:2px;font-size:13px;display:block}body.jawi-page-dashboard .logout-button{color:#fff;height:42px;font:inherit;cursor:pointer;background:linear-gradient(#ff7a8a,#f04463);border:0;border-radius:14px;padding:0 16px;font-size:14px;font-weight:900;box-shadow:0 10px 18px #d6375c2e,inset 0 -3px #0000001a}body.jawi-page-dashboard .hero-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;display:grid}body.jawi-page-dashboard .hero{z-index:2;grid-template-columns:178px minmax(0,1fr);align-items:end;min-width:0;display:grid;position:relative}body.jawi-page-dashboard .hero-copy-row,body.jawi-page-dashboard .hero-copy{min-width:0}body.jawi-page-dashboard .mascot{place-self:end center;width:190px;height:178px;position:relative}body.jawi-page-dashboard .mascot img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 18px 22px #445d992e);width:220px;max-width:none;height:auto;position:absolute;bottom:-32px;left:-10px}body.jawi-page-dashboard .hero h1{color:#7041ca;text-shadow:0 4px #fff,0 8px #5b40b038;margin:0;font-size:clamp(54px,5.8vw,80px);font-weight:900;line-height:.9}body.jawi-page-dashboard .hero h1 span{color:#ffc41f}body.jawi-page-dashboard .hero p{margin:14px 0 0;font-size:17px;font-weight:800}body.jawi-page-dashboard .hero p+p{color:#282452;font-weight:600}body.jawi-page-dashboard .panel{background:#ffffffeb;border:1px solid #7952c221;box-shadow:0 16px 36px #57609a24}body.jawi-page-dashboard .progress{border-radius:24px;align-self:start;min-height:184px;margin-top:20px;padding:22px 26px}body.jawi-page-dashboard .panel-title{color:#462097;align-items:center;gap:10px;margin:0 0 14px;font-size:18px;font-weight:900;display:flex}body.jawi-page-dashboard .stat{color:#7149b9;border-bottom:1px solid #4e408421;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-weight:800;display:flex}body.jawi-page-dashboard .content{z-index:2;grid-template-columns:minmax(0,1fr) 305px;gap:18px;min-height:auto;display:grid;position:relative}body.jawi-page-dashboard .activity-panel{background:#ffffffb8;border-radius:28px;padding:22px 24px}body.jawi-page-dashboard .activity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}body.jawi-page-dashboard .activity{text-align:center;border:3px solid;border-radius:24px;grid-template-rows:142px auto 40px;gap:12px;min-height:282px;padding:14px;display:grid;box-shadow:0 16px 26px #4f518721,inset 0 0 0 7px #ffffff6b}body.jawi-page-dashboard .activity.green{color:#158925;background:linear-gradient(#eefff1,#d6ffd2);border-color:#39be32}body.jawi-page-dashboard .activity.purple{color:#351286;background:linear-gradient(#f5eaff,#e2ceff);border-color:#9865e9}body.jawi-page-dashboard .activity.orange{color:#a95a00;background:linear-gradient(#fff3d8,#ffe0a3);border-color:#ffab19}body.jawi-page-dashboard .activity.blue{color:#006ec5;background:linear-gradient(#effbff,#d7efff);border-color:#229cdd}body.jawi-page-dashboard .art{background:#ffffffb8;border-radius:20px;place-items:center;min-height:142px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -5px #ffffff73}body.jawi-page-dashboard .art:before,body.jawi-page-dashboard .art:after,body.jawi-page-dashboard .art span:before,body.jawi-page-dashboard .art span:after{content:"";position:absolute}body.jawi-page-dashboard .star-art span{filter:drop-shadow(0 10px 8px #cd8e0040);place-items:center;width:98px;height:98px;font-size:84px;line-height:1;display:grid;position:relative}body.jawi-page-dashboard .star-art:before,body.jawi-page-dashboard .star-art:after,body.jawi-page-dashboard .star-art span:before,body.jawi-page-dashboard .star-art span:after{color:#fff;border-radius:999px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:900;display:grid;box-shadow:0 5px 10px #23784e2e}body.jawi-page-dashboard .star-art:before{content:"ث";background:#7e72f0;top:24px;left:16px}body.jawi-page-dashboard .star-art:after{content:"ج";background:#ff7867;top:22px;right:16px}body.jawi-page-dashboard .star-art span:before{content:"ت";background:#5fceb6;bottom:10px;left:-42px}body.jawi-page-dashboard .star-art span:after{content:"ب";background:#72d966;bottom:10px;right:-42px}body.jawi-page-dashboard .puzzle-art{isolation:isolate}body.jawi-page-dashboard .puzzle-art span{width:min(148px,100% - 8px);height:88px;display:block;position:relative}body.jawi-page-dashboard .puzzle-art span:before,body.jawi-page-dashboard .puzzle-art span:after{color:#fff;border-radius:10px;place-items:center;width:49%;height:64px;font-size:34px;font-weight:900;display:grid;box-shadow:0 9px 12px #42278c38}body.jawi-page-dashboard .puzzle-art span:before{content:"ba";background:#58d668;top:12px;left:8px;transform:rotate(-7deg)}body.jawi-page-dashboard .puzzle-art span:after{content:"ب";background:#7a4bdd;top:20px;right:8px;transform:rotate(6deg)}body.jawi-page-dashboard .word-art{justify-content:center;align-items:center;gap:6px;padding-inline:4px;display:flex}body.jawi-page-dashboard .word-art img{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:42%;max-width:70px;height:88px}body.jawi-page-dashboard .word-art-label{color:#15102f;background:#fffaf2;border-radius:12px;place-items:center;width:52%;min-width:0;max-width:90px;height:64px;font-family:Traditional Arabic,Arabic Typesetting,serif;font-size:30px;font-weight:900;line-height:1;display:grid;box-shadow:0 8px 14px #9a540029}body.jawi-page-dashboard .trophy-art span{filter:drop-shadow(0 8px 10px #0070b82e);place-items:center;width:108px;height:108px;font-size:72px;display:grid;position:relative}body.jawi-page-dashboard .trophy-art:before,body.jawi-page-dashboard .trophy-art:after{background:#ffbf28;border-radius:2px;width:8px;height:8px;transform:rotate(35deg);box-shadow:42px 11px #7e72f0,122px 18px #44c5ff,112px 86px #7e72f0,8px 90px #ff7867}body.jawi-page-dashboard .trophy-art:before{top:22px;left:20px}body.jawi-page-dashboard .trophy-art:after{bottom:26px;right:24px}body.jawi-page-dashboard .syllable-art{direction:ltr;background:radial-gradient(circle at 18% 20%,#ffcf24 0 5px,#0000 6px),radial-gradient(circle at 15% 73%,#ffcf24 0 3px,#0000 4px),radial-gradient(circle at 33% 80%,#fff 0 2px,#0000 3px),radial-gradient(circle at 79% 22%,#fff 0 2px,#0000 3px),radial-gradient(circle at 88% 68%,#fff 0 2px,#0000 3px),linear-gradient(#ffffffb3,#ffffff6b)}body.jawi-page-dashboard .syllable-art span{width:118px;height:96px;display:block;position:relative}body.jawi-page-dashboard .syllable-art .tile,body.jawi-page-dashboard .syllable-art .result,body.jawi-page-dashboard .syllable-art .op{position:absolute}body.jawi-page-dashboard .syllable-art .tile{color:#171231;background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:25px;font-weight:900;display:grid;top:16px;box-shadow:0 6px 10px #311a6a29}body.jawi-page-dashboard .syllable-art .tile.ba{left:20px}body.jawi-page-dashboard .syllable-art .tile.ta{left:62px}body.jawi-page-dashboard .syllable-art .op{color:#7d55e4;text-align:center;z-index:2;font-size:22px;font-weight:900;line-height:1}body.jawi-page-dashboard .syllable-art .op.plus{top:30px;left:53px}body.jawi-page-dashboard .syllable-art .op.equals{top:65px;left:18px}body.jawi-page-dashboard .syllable-art .result{color:#fff;z-index:1;background:linear-gradient(#9560ef,#7545d6);border-radius:9px;place-items:center;width:56px;height:34px;font-size:24px;font-weight:900;display:grid;top:58px;left:42px;box-shadow:0 6px 9px #4a2b9933,inset 0 -2px #00000014}body.jawi-page-dashboard .syllable-art:before,body.jawi-page-dashboard .syllable-art:after{color:#282047;background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:25px;font-weight:900;display:grid;box-shadow:0 6px 10px #311a6a29}body.jawi-page-dashboard .syllable-art:before{content:"ب";top:24px;left:30px}body.jawi-page-dashboard .syllable-art:after{content:"ت";top:20px;left:78px}body.jawi-page-dashboard .syllable-art span:before{content:"+\a =";white-space:pre;color:#7d55e4;text-align:center;z-index:2;font-size:22px;font-weight:900;line-height:.95;top:52px;left:50px}body.jawi-page-dashboard .syllable-art span:after{content:"بت";color:#fff;z-index:1;background:linear-gradient(#9560ef,#7545d6);border-radius:9px;place-items:center;width:58px;height:36px;font-size:25px;font-weight:900;display:grid;bottom:8px;left:66px;box-shadow:0 6px 9px #4a2b9933,inset 0 -2px #00000014}body.jawi-page-dashboard .syllable-art:before,body.jawi-page-dashboard .syllable-art:after,body.jawi-page-dashboard .syllable-art span:before,body.jawi-page-dashboard .syllable-art span:after{content:none}body.jawi-page-dashboard .book-art{background:radial-gradient(circle at 18% 20%,#ffd332 0 5px,#0000 6px),radial-gradient(circle at 24% 28%,#fff 0 2px,#0000 3px),radial-gradient(circle at 46% 13%,#fff 0 2px,#0000 3px),radial-gradient(circle at 72% 19%,#fff 0 2px,#0000 3px),radial-gradient(circle at 86% 27%,#fff 0 2px,#0000 3px),radial-gradient(circle at 13% 74%,#ffd332 0 3px,#0000 4px),#ffffffad}body.jawi-page-dashboard .book-art .book-shape{filter:drop-shadow(0 9px 8px #1c7a6a33);width:132px;height:92px;display:block;position:relative;transform:rotate(-3deg)}body.jawi-page-dashboard .book-art .book-shape:before{content:"";background:#159f98;border-radius:0 0 18px 18px;height:17px;position:absolute;bottom:9px;left:7px;right:7px;box-shadow:0 4px #00706733}body.jawi-page-dashboard .book-art .book-shape:after{content:"";background:linear-gradient(90deg,#0000 0 49%,#8bd7c7 49% 51%,#0000 51%),radial-gradient(at 28% 100%,#fff7d9 0 45%,#0000 46%),radial-gradient(at 72% 100%,#f4ffea 0 45%,#0000 46%),linear-gradient(103deg,#fffdf1 0 49%,#fff 50% 51%,#f8fff0 52% 100%);border:3px solid #20aaa0;border-bottom-width:0;border-radius:11px 11px 22px 22px;width:112px;height:58px;position:absolute;top:16px;left:10px;box-shadow:inset 0 -8px #ffda7c6b,0 7px #18aaa1}body.jawi-page-dashboard .book-art .book-word{z-index:2;color:#251d45;text-shadow:0 1px #fff;place-items:center;width:82px;height:32px;font-size:29px;font-weight:900;display:grid;position:absolute;top:32px;left:25px}body.jawi-page-dashboard .book-art .book-word:before{content:"";background:#e85c58;border-radius:999px 999px 3px 3px;width:24px;height:9px;position:absolute;bottom:-23px;left:30px;box-shadow:0 -3px #ffd96d}body.jawi-page-dashboard .clipboard-art{background:radial-gradient(circle at 15% 51%,#24a2e0 0 3px,#0000 4px),radial-gradient(circle at 83% 37%,#fff 0 2px,#0000 3px),#ffffffad}body.jawi-page-dashboard .clipboard-art span{background:#fffdf8;border:3px solid #ffad19;border-radius:6px;width:110px;height:86px;display:block;position:relative;box-shadow:0 6px 8px #c264002e}body.jawi-page-dashboard .clipboard-art span:before{background:#5b87dc;border-radius:7px 7px 3px 3px;width:36px;height:18px;top:-10px;left:37px;box-shadow:inset 0 3px #ffffff73}body.jawi-page-dashboard .clipboard-art span:after{content:"ماكن\a دباوه";white-space:pre;color:#251d45;background:linear-gradient(#f6f4ee 0 0) 0/100% 2px no-repeat;border-radius:4px;place-items:center;font-size:21px;font-weight:900;line-height:1.05;display:grid;inset:20px 13px 12px}body.jawi-page-dashboard .trophy-art span{width:108px;height:108px;font-size:72px}body.jawi-page-dashboard .trophy-art span:after{content:"★";color:#fff3a3;text-shadow:0 2px 2px #aa610047;font-size:26px;top:31%;left:50%;transform:translate(-50%,-50%)}body.jawi-page-dashboard .activity h3{margin:0 0 4px;font-size:21px;font-weight:900;line-height:1.05}body.jawi-page-dashboard .activity p{color:#322c55;margin:0;font-size:13px;line-height:1.35}body.jawi-page-dashboard .cta{color:#fff;cursor:pointer;border:0;border-radius:14px;place-items:center;min-height:42px;font-size:15px;font-weight:900;text-decoration:none;display:grid;box-shadow:inset 0 -3px #00000021}body.jawi-page-dashboard .green .cta{background:linear-gradient(90deg,#43c52e,#81d92c)}body.jawi-page-dashboard .purple .cta{background:linear-gradient(90deg,#7d51dd,#a86df3)}body.jawi-page-dashboard .orange .cta{background:linear-gradient(90deg,#ff9b16,#ffc12c)}body.jawi-page-dashboard .blue .cta{background:linear-gradient(90deg,#1b8fe2,#28b0f5)}body.jawi-page-dashboard .activity-panel.darjah-three{box-shadow:none;background:#ffffffb8;border-radius:28px;padding:22px 14px}body.jawi-page-dashboard .activity-panel.darjah-three .panel-title{color:#351286;margin-bottom:16px;font-size:22px}body.jawi-page-dashboard .darjah-three .activity-grid{gap:12px}body.jawi-page-dashboard .activity.darjah-three-card{border-width:3px;border-radius:24px;grid-template-rows:142px auto 40px;gap:12px;min-height:282px;padding:14px 12px;box-shadow:0 16px 26px #4f518721,inset 0 0 0 7px #ffffff6b}body.jawi-page-dashboard .activity.darjah-three-card .art{border-radius:20px;min-height:142px}body.jawi-page-dashboard .activity.darjah-three-card h3{overflow-wrap:normal;margin-bottom:4px;font-size:21px;line-height:1.05}body.jawi-page-dashboard .activity.darjah-three-card p{font-size:13px;line-height:1.35}body.jawi-page-dashboard .activity.darjah-three-card .cta{white-space:nowrap;border-radius:14px;min-height:42px;font-size:15px}body.jawi-page-dashboard .darjah-three .activity.darjah-three-card .trophy-art span{width:108px;height:108px;font-size:72px}body.jawi-page-dashboard .darjah-three .activity.darjah-three-card .trophy-art span:after{font-size:26px}body.jawi-page-dashboard .advanced-syllable-art span{width:98px;height:104px;display:block;position:relative}body.jawi-page-dashboard .advanced-syllable-art bdi{place-items:center;font-weight:900;display:grid;position:absolute}body.jawi-page-dashboard .advanced-syllable-art .tile{color:#141236;background:#fff;border-radius:8px;width:39px;height:34px;font-size:20px;top:10px;box-shadow:0 5px 8px #3a267d24}body.jawi-page-dashboard .advanced-syllable-art .tile.one{left:5px}body.jawi-page-dashboard .advanced-syllable-art .tile.two{right:5px}body.jawi-page-dashboard .advanced-syllable-art .plus,body.jawi-page-dashboard .advanced-syllable-art .equals{color:#764ce2;font-size:23px;line-height:1;left:50%;transform:translate(-50%)}body.jawi-page-dashboard .advanced-syllable-art .plus{top:18px}body.jawi-page-dashboard .advanced-syllable-art .equals{top:47px}body.jawi-page-dashboard .advanced-syllable-art .result{color:#fff;background:linear-gradient(#9560ef,#7141d4);border-radius:9px;width:68px;height:34px;font-size:20px;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 6px 9px #4a2b9938,inset 0 -2px #0000001f}body.jawi-page-dashboard .school-book-art .book-shape:after{background:linear-gradient(90deg,#0000 0 49%,#8bd7c7 49% 51%,#0000 51%),radial-gradient(at 28% 100%,#fff8df 0 45%,#0000 46%),radial-gradient(at 72% 100%,#f5ffed 0 45%,#0000 46%),linear-gradient(103deg,#fffdf1 0 49%,#fff 50% 51%,#f8fff0 52% 100%)}body.jawi-page-dashboard .sentence-art span{background:#fffdf8;border:3px solid #ffab19;border-radius:8px;width:120px;height:78px;display:block;position:relative;box-shadow:0 6px 10px #c2640029}body.jawi-page-dashboard .sentence-art span:before{content:"";background:#5d8bdc;border-radius:8px 8px 4px 4px;width:38px;height:19px;position:absolute;top:-12px;left:41px;box-shadow:inset 0 3px #ffffff73}body.jawi-page-dashboard .sentence-art bdi{color:#221940;background:#f6f3ed;border-radius:6px;place-items:center;height:27px;font-size:20px;font-weight:900;display:grid;position:absolute;left:13px;right:13px}body.jawi-page-dashboard .sentence-art bdi:first-child{top:12px}body.jawi-page-dashboard .sentence-art bdi:last-child{top:40px}body.jawi-page-dashboard .side-stack{gap:12px;display:grid}body.jawi-page-dashboard .quiz{border:4px solid #cdb0ff40;border-radius:26px;align-self:start;padding:14px}body.jawi-page-dashboard .question{background:#fff;border-radius:18px;padding:14px;box-shadow:inset 0 0 0 1px #f1ebff}body.jawi-page-dashboard .quiz-prompt{color:#16123c;margin:10px 0 6px;font-size:19px;font-weight:1000;line-height:1.1}body.jawi-page-dashboard .quiz-letter{text-align:center;color:#100d2f;margin:0 0 9px;font-size:50px;font-weight:1000;line-height:1}body.jawi-page-dashboard .tag{color:#fff;background:#6bd985;border-radius:999px;align-items:center;height:26px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}body.jawi-page-dashboard .answer{color:#3b3066;border:1px solid #ebe6f9;border-radius:999px;justify-content:space-between;align-items:center;min-height:31px;margin-top:6px;padding:0 12px;font-size:16px;font-weight:900;display:flex}body.jawi-page-dashboard .answer span:first-child{color:#201b50;background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:1000;display:grid}body.jawi-page-dashboard .answer strong{text-align:left;flex:1}body.jawi-page-dashboard .answer.ok{background:#effdf3;border-color:#5ad875}body.jawi-page-dashboard .answer.ok span:first-child{color:#16a34a;background:#dffde6}body.jawi-page-dashboard .correct{color:#fff;background:linear-gradient(90deg,#7fd83c,#b5ed32);border:0;border-radius:14px;width:100%;height:34px;margin-top:10px;font-weight:900}body.jawi-page-dashboard .quiz.darjah-two{background:#ffffffdb;border:3px solid #7e57df29;border-radius:18px;padding:10px;box-shadow:0 10px 22px #62509b1f}body.jawi-page-dashboard .quiz.darjah-two .panel-title{color:#32256f;align-items:center;gap:9px;font-size:19px;display:flex}body.jawi-page-dashboard .quiz.darjah-two .title-icon{color:#fff;background:linear-gradient(#8a6df2,#6943d8);border-radius:999px;place-items:center;width:28px;height:28px;font-size:18px;display:grid;box-shadow:0 4px 8px #6943d838}body.jawi-page-dashboard .quiz.darjah-two .question{background:#fff;border-radius:14px;padding:12px;box-shadow:inset 0 0 0 1px #e9e3fb}body.jawi-page-dashboard .quiz.darjah-two .tag{background:linear-gradient(#8a6df2,#6943d8);height:25px;font-size:11px}body.jawi-page-dashboard .quiz.darjah-two .quiz-prompt{color:#211747;margin:10px 0 8px;font-size:16px}body.jawi-page-dashboard .quiz.darjah-two .quiz-letter{color:#100d2f;direction:rtl;margin:0 0 10px;font-size:42px}body.jawi-page-dashboard .quiz.darjah-two .answer{color:#23184c;background:#fff;border-color:#eee8fb;min-height:28px;margin-top:6px;font-size:14px}body.jawi-page-dashboard .quiz.darjah-two .answer strong{text-align:left;direction:rtl}body.jawi-page-dashboard .quiz.darjah-two .answer.ok{background:#effbf0;border-color:#61d17b}body.jawi-page-dashboard .quiz.darjah-two .correct{background:linear-gradient(90deg,#7044dd,#8f58ef);border-radius:12px;height:34px;box-shadow:inset 0 -3px #361c8b24}body.jawi-page-dashboard .quiz.darjah-three-quiz{background:#ffffffe6;border:3px solid #7e57df29;border-radius:18px;padding:10px;box-shadow:0 10px 22px #62509b1f}body.jawi-page-dashboard .content.darjah-three-content{align-items:stretch}body.jawi-page-dashboard .darjah-three-content .activity-panel,body.jawi-page-dashboard .darjah-three-content .side-stack,body.jawi-page-dashboard .darjah-three-content .quiz.darjah-three-quiz{align-self:stretch}body.jawi-page-dashboard .darjah-three-content .quiz.darjah-three-quiz{flex-direction:column;height:100%;display:flex}body.jawi-page-dashboard .darjah-three-content .quiz.darjah-three-quiz .question{flex-direction:column;flex:1;justify-content:space-between;min-height:0;display:flex}body.jawi-page-dashboard .quiz.darjah-three-quiz .panel-title{color:#32256f;align-items:center;gap:8px;margin-bottom:8px;font-size:17px;line-height:1.1;display:flex}body.jawi-page-dashboard .quiz.darjah-three-quiz .title-icon{color:#fff;background:linear-gradient(#79a8ff,#6042dc);border-radius:999px;place-items:center;width:24px;height:24px;font-size:15px;font-weight:1000;display:grid;box-shadow:0 4px 8px #5b4bd233}body.jawi-page-dashboard .quiz.darjah-three-quiz .question{background:#fff;border-radius:12px;padding:10px;box-shadow:inset 0 0 0 1px #e9e3fb}body.jawi-page-dashboard .quiz.darjah-three-quiz .tag{background:linear-gradient(#8a6df2,#6943d8);align-self:flex-start;height:23px;padding-inline:12px;font-size:10px}body.jawi-page-dashboard .quiz.darjah-three-quiz .quiz-prompt{color:#211747;margin:9px 0 6px;font-size:13px;line-height:1.2}body.jawi-page-dashboard .quiz-sentence{color:#100d2f;text-align:center;direction:rtl;margin:0 0 8px;font-size:20px;font-weight:900;line-height:1.15}body.jawi-page-dashboard .quiz-sentence u{text-underline-offset:4px;text-decoration-thickness:2px}body.jawi-page-dashboard .quiz.darjah-three-quiz .answer{color:#23184c;background:#fff;border-color:#eee8fb;min-height:23px;margin-top:5px;padding-inline:9px;font-size:12px}body.jawi-page-dashboard .quiz.darjah-three-quiz .answer span:first-child{width:22px;height:22px}body.jawi-page-dashboard .quiz.darjah-three-quiz .answer strong{text-align:left}body.jawi-page-dashboard .quiz.darjah-three-quiz .answer.ok{background:#effbf0;border-color:#61d17b}body.jawi-page-dashboard .quiz.darjah-three-quiz .correct{background:linear-gradient(90deg,#7044dd,#8f58ef);border-radius:10px;height:31px;margin-top:8px;font-size:12px;box-shadow:inset 0 -3px #361c8b24}body.jawi-page-dashboard .bottom{grid-template-columns:minmax(0,2.2fr) repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;margin-bottom:0;display:grid;container-type:inline-size}body.jawi-page-dashboard .praise,body.jawi-page-dashboard .resource-card{border-radius:16px;min-width:0;min-height:clamp(124px,15.5cqw,166px);position:relative;box-shadow:0 6px 14px #4a367312}body.jawi-page-dashboard .praise{isolation:isolate;color:#201280;background:radial-gradient(at 108% 100%,#bcadff 0 24%,#0000 24.5%),radial-gradient(at 110% 88%,#c3d7ff 0 29%,#0000 29.5%),linear-gradient(120deg,#e8ddff,#f0edff 55%,#e8edff);align-items:flex-start;gap:clamp(8px,1.1cqw,12px);padding:clamp(19px,2.4cqw,26px) clamp(10px,1.3cqw,14px);display:flex;overflow:hidden}body.jawi-page-dashboard .praise:before{content:"";z-index:-1;background:radial-gradient(at 0 105%,#f5f0ff 0 15%,#0000 15.5%),radial-gradient(at 17% 110%,#c6cfff 0 17%,#0000 17.5%),radial-gradient(at 35% 116%,#d7ddff 0 18%,#0000 18.5%),linear-gradient(125deg,#0000 18%,#ffffff26 18% 32%,#0000 32%);position:absolute;inset:0}body.jawi-page-dashboard .praise-mascot{background:linear-gradient(135deg,#d0c8ff,#aaa6ff);border-radius:50%;flex:0 0 clamp(58px,7.5cqw,80px);width:clamp(58px,7.5cqw,80px);height:clamp(64px,8cqw,86px);margin-top:5px;position:relative;transform:rotate(-12deg)}body.jawi-page-dashboard .praise-mascot:before,body.jawi-page-dashboard .praise-mascot:after{content:"✦";color:#fff;font-size:16px;line-height:1;position:absolute}body.jawi-page-dashboard .praise-mascot:before{top:8px;right:8px}body.jawi-page-dashboard .praise-mascot:after{font-size:10px;top:28px;left:4px}body.jawi-page-dashboard .praise-mascot img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 2px #9086d933);width:88%;height:88%;position:absolute;top:19%;left:4%}body.jawi-page-dashboard .praise-copy{z-index:1;flex:1;min-width:0;position:relative}body.jawi-page-dashboard .praise-copy strong{max-width:18em;font-size:clamp(12px,1.55cqw,16px);font-weight:900;line-height:1.45;display:block}body.jawi-page-dashboard .praise-copy p{color:#5743a6;max-width:19em;margin:7px 0 0;padding-right:clamp(22px,3cqw,32px);font-size:clamp(9px,1.15cqw,12px);font-weight:400;line-height:1.65}body.jawi-page-dashboard .praise-books{filter:drop-shadow(0 5px 3px #8274cc26);font-size:clamp(47px,6.6cqw,70px);line-height:1;position:absolute;bottom:13px;right:5px;transform:rotate(-6deg)}body.jawi-page-dashboard .praise-sparkle{color:#b7a5ff;font-size:13px;position:absolute;top:9px;left:18px}body.jawi-page-dashboard .resource-card{--resource-accent:#13aaa9;text-align:left;background:linear-gradient(125deg,#f1fdfb,#fbffff);border:1px solid #c9f2ef;grid-template-columns:clamp(44px,5.8cqw,62px) minmax(0,1fr);align-content:start;align-items:start;gap:8px;padding:clamp(17px,2.2cqw,23px) clamp(10px,1.4cqw,15px) 36px;display:grid}body.jawi-page-dashboard .writing-card{--resource-accent:#ff872e;color:inherit;background:linear-gradient(125deg,#fff9f0,#fffdf9);border-color:#fbe6d3;text-decoration:none}body.jawi-page-dashboard .writing-card:hover .resource-arrow{transform:translate(2px)}body.jawi-page-dashboard .writing-card:focus-visible{outline-offset:3px;outline:3px solid #d76813}body.jawi-page-dashboard .game-card{--resource-accent:#9254ee;background:linear-gradient(125deg,#f4efff,#fcfaff);border-color:#e9dffd}body.jawi-page-dashboard .resource-copy{min-width:0}body.jawi-page-dashboard .resource-copy h3{color:#20174b;overflow-wrap:normal;word-break:normal;margin:0;font-size:clamp(12px,1.5cqw,16px);font-weight:900;line-height:1.18}body.jawi-page-dashboard .video-card h3{color:#078f98}body.jawi-page-dashboard .video-card h3 span{display:block}body.jawi-page-dashboard .resource-copy p{color:#7f7995;margin:9px 0 0;font-size:clamp(9px,1.12cqw,12px);font-weight:400;line-height:1.55}body.jawi-page-dashboard .video-card p{color:#638693}body.jawi-page-dashboard .resource-icon{text-align:center;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:clamp(39px,5.3cqw,56px);line-height:1;display:block}body.jawi-page-dashboard .video-illustration{background:#d8f7f1;border-radius:50%;width:100%;height:clamp(47px,6.1cqw,65px);margin-top:4px;position:relative}body.jawi-page-dashboard .video-screen{background:linear-gradient(135deg,#6088ef,#3763c5);border:4px solid #282752;border-radius:6px;width:82%;height:66%;position:absolute;top:10%;left:9%;box-shadow:0 5px 5px #24387626}body.jawi-page-dashboard .video-screen:before{content:"";aspect-ratio:1;background:#fff;border-radius:50%;width:60%;max-height:90%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}body.jawi-page-dashboard .video-screen:after{content:"";border-block:6px solid #0000;border-left:8px solid #ff5973;position:absolute;top:50%;left:48%;transform:translate(-25%,-50%)}body.jawi-page-dashboard .video-progress{background:#ff827e;border-radius:9px;width:36%;height:3px;position:absolute;top:78%;left:24%}body.jawi-page-dashboard .video-star{filter:drop-shadow(0 3px 2px #bb8d3433);font-size:clamp(23px,3.1cqw,33px);line-height:1;position:absolute;bottom:4%;right:-5%}body.jawi-page-dashboard .resource-arrow{background:var(--resource-accent);color:#fff;border-radius:50%;place-items:center;width:clamp(23px,2.9cqw,31px);height:clamp(23px,2.9cqw,31px);font-size:clamp(18px,2.2cqw,23px);font-weight:400;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid;position:absolute;bottom:clamp(8px,1.1cqw,12px);right:clamp(10px,1.3cqw,14px);box-shadow:inset 0 2px 3px #ffffff40,0 3px 5px #3023450d}body.jawi-page-dashboard a.resource-arrow:hover{transform:translate(2px);box-shadow:0 3px 8px #13aaa940}body.jawi-page-dashboard a.resource-arrow:focus-visible{outline-offset:3px;outline:3px solid #087d86}@media (prefers-reduced-motion:reduce){body.jawi-page-dashboard .resource-arrow{transition:none}}@media (width>=1161px){html,body.jawi-page-dashboard{min-height:100%;overflow:hidden auto}body.jawi-page-dashboard .page{grid-template-columns:clamp(122px,8.5vw,156px) minmax(0,1fr);height:auto;min-height:100svh}body.jawi-page-dashboard .sidebar{gap:clamp(18px,2svh,28px);min-height:100svh;padding:clamp(14px,1.4svh,22px)}body.jawi-page-dashboard .brand{width:clamp(104px,7.4vw,132px);height:clamp(108px,8.2svh,142px)}body.jawi-page-dashboard .nav{gap:clamp(7px,.85svh,12px)}body.jawi-page-dashboard .nav button,body.jawi-page-dashboard .nav a{min-height:clamp(54px,6svh,72px);font-size:clamp(12px,.85vw,15px)}body.jawi-page-dashboard .nav .icon{width:clamp(28px,2.6svh,38px);height:clamp(28px,2.6svh,38px);font-size:clamp(22px,2.1svh,30px)}body.jawi-page-dashboard .main{grid-template-rows:auto auto auto auto;align-content:start;gap:clamp(18px,2svh,30px);height:auto;min-height:100svh;padding:clamp(22px,2.8svh,44px) clamp(30px,3vw,54px) clamp(24px,3svh,46px) clamp(24px,2.4vw,40px)}body.jawi-page-dashboard .topbar{align-items:start;min-height:clamp(58px,5.5svh,76px)}body.jawi-page-dashboard .notice{width:clamp(52px,4.7svh,66px);height:clamp(52px,4.7svh,66px);font-size:clamp(26px,2.5svh,36px)}body.jawi-page-dashboard .profile{min-width:clamp(172px,13vw,230px);height:clamp(62px,5.6svh,78px);font-size:clamp(15px,1.05vw,19px)}body.jawi-page-dashboard .avatar{width:clamp(48px,4.4svh,62px);height:clamp(48px,4.4svh,62px)}body.jawi-page-dashboard .logout-button{border-radius:16px;height:clamp(46px,4.3svh,58px);padding-inline:clamp(18px,1.6vw,28px);font-size:clamp(14px,1vw,18px)}body.jawi-page-dashboard .hero-row{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(24px,2.4vw,42px)}body.jawi-page-dashboard .hero{grid-template-columns:clamp(200px,16vw,285px) minmax(0,1fr);align-items:center}body.jawi-page-dashboard .hero-copy-row{min-height:0}body.jawi-page-dashboard .mascot{width:clamp(210px,16vw,285px);height:clamp(190px,15vw,260px)}body.jawi-page-dashboard .mascot img{width:clamp(238px,18vw,330px);bottom:clamp(-40px,-2.5vw,-28px)}body.jawi-page-dashboard .hero h1{font-size:clamp(72px,6vw,112px)}body.jawi-page-dashboard .hero p{font-size:clamp(19px,1.35vw,25px)}body.jawi-page-dashboard .progress{min-height:clamp(150px,14svh,210px);margin-top:clamp(18px,1.8svh,26px);padding:clamp(18px,1.8svh,28px)}body.jawi-page-dashboard .panel-title{font-size:clamp(20px,1.45vw,27px)}body.jawi-page-dashboard .progress-body{grid-template-columns:clamp(104px,8vw,138px) minmax(0,1fr)}body.jawi-page-dashboard .ring{width:clamp(104px,8vw,138px);height:clamp(104px,8vw,138px)}body.jawi-page-dashboard .ring span{width:clamp(74px,5.8vw,98px);height:clamp(74px,5.8vw,98px);font-size:clamp(29px,2.2vw,39px)}body.jawi-page-dashboard .stat{padding-block:clamp(8px,.8svh,12px);font-size:clamp(15px,1.05vw,19px)}body.jawi-page-dashboard .content{grid-template-columns:minmax(0,1fr) clamp(240px,20vw,320px);align-items:start;gap:16px}body.jawi-page-dashboard .activity-panel{align-self:start;padding:clamp(20px,2svh,30px)}body.jawi-page-dashboard .activity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.25vw,22px)}body.jawi-page-dashboard .activity{grid-template-rows:clamp(132px,12svh,170px) minmax(82px,auto) clamp(42px,4svh,54px);gap:clamp(9px,1svh,14px);min-height:clamp(290px,25svh,350px);padding:clamp(14px,1.35svh,20px)}body.jawi-page-dashboard .activity-panel,body.jawi-page-dashboard .activity-panel.darjah-three{padding-inline:12px}body.jawi-page-dashboard .activity-grid,body.jawi-page-dashboard .darjah-three .activity-grid{gap:12px}body.jawi-page-dashboard .activity,body.jawi-page-dashboard .activity.darjah-three-card{padding-inline:10px}body.jawi-page-dashboard .art{min-height:clamp(132px,12svh,170px)}body.jawi-page-dashboard .activity h3{font-size:clamp(20px,1.35vw,25px);line-height:1.02}body.jawi-page-dashboard .activity p{font-size:clamp(12px,.9vw,15px);line-height:1.25}body.jawi-page-dashboard .cta{font-size:clamp(14px,.95vw,17px)}body.jawi-page-dashboard .syllable-art span{transform:scale(1.08)}body.jawi-page-dashboard .side-stack{gap:clamp(18px,1.8svh,28px)}body.jawi-page-dashboard .quiz{padding:clamp(14px,1.2svh,20px)}body.jawi-page-dashboard .question{padding:clamp(13px,1.15svh,18px)}body.jawi-page-dashboard .quiz-prompt{margin:clamp(8px,.8svh,12px) 0 clamp(5px,.55svh,8px);font-size:clamp(18px,1.25vw,24px)}body.jawi-page-dashboard .quiz-letter{margin-bottom:clamp(8px,.8svh,11px);font-size:clamp(48px,3.8vw,66px)}body.jawi-page-dashboard .answer{min-height:clamp(30px,2.7svh,38px);margin-top:clamp(5px,.55svh,7px);font-size:clamp(14px,.95vw,17px)}body.jawi-page-dashboard .correct{height:clamp(34px,3svh,42px);margin-top:clamp(8px,.8svh,11px);font-size:clamp(13px,.9vw,16px)}body.jawi-page-dashboard .stars-card{min-height:clamp(118px,10svh,152px);padding:clamp(18px,1.8svh,26px);font-size:clamp(15px,1.05vw,19px)}}@media (width<=1160px){body.jawi-page-dashboard{overflow:auto}body.jawi-page-dashboard .page{grid-template-columns:88px minmax(0,1fr)}body.jawi-page-dashboard .main{grid-template-rows:auto;gap:clamp(14px,2vw,22px);min-height:auto;padding:clamp(12px,2vw,22px)}body.jawi-page-dashboard .brand{width:76px;height:80px}body.jawi-page-dashboard .nav button,body.jawi-page-dashboard .nav a{min-height:52px;font-size:11px}body.jawi-page-dashboard .hero-row,body.jawi-page-dashboard .content{grid-template-columns:1fr}body.jawi-page-dashboard .activity-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}body.jawi-page-dashboard .hero{grid-template-columns:minmax(150px,210px) minmax(0,1fr)}body.jawi-page-dashboard .hero h1{font-size:clamp(46px,8vw,70px)}body.jawi-page-dashboard .side-stack{grid-template-columns:minmax(280px,1fr) minmax(240px,.75fr);align-items:start}}@media (width<=900px){body.jawi-page-dashboard .bottom{grid-template-columns:repeat(2,minmax(0,1fr))}body.jawi-page-dashboard .praise,body.jawi-page-dashboard .resource-card{min-height:136px}}@media (width<=480px){body.jawi-page-dashboard .bottom{grid-template-columns:1fr}body.jawi-page-dashboard .resource-card{grid-template-columns:58px minmax(0,1fr)}body.jawi-page-dashboard .resource-copy h3{font-size:15px}body.jawi-page-dashboard .resource-copy p{font-size:12px}body.jawi-page-dashboard .resource-icon{font-size:48px}body.jawi-page-dashboard .video-illustration{height:58px}body.jawi-page-dashboard .resource-arrow{width:30px;height:30px;font-size:22px}}@media (width<=620px){body.jawi-page-dashboard .page{grid-template-columns:1fr}body.jawi-page-dashboard .sidebar-backdrop{z-index:4;opacity:0;pointer-events:none;background:#1818302e;transition:opacity .18s;display:block;position:fixed;inset:0}body.jawi-page-dashboard .page.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}body.jawi-page-dashboard .sidebar{z-index:5;flex-direction:column;gap:10px;width:92px;height:100svh;min-height:100svh;padding:7px 8px;transition:transform .2s;position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(-100%)}body.jawi-page-dashboard .page.sidebar-open .sidebar{transform:translate(0)}body.jawi-page-dashboard .brand{border-radius:14px;flex:none;width:76px;height:70px}body.jawi-page-dashboard .nav{gap:7px;width:100%;min-width:0;display:grid}body.jawi-page-dashboard .nav button,body.jawi-page-dashboard .nav a{border-radius:13px;gap:1px;width:100%;min-height:52px;font-size:9px}body.jawi-page-dashboard .nav .icon{width:25px;height:25px;font-size:20px}body.jawi-page-dashboard .settings{width:100%;min-height:34px;margin-top:auto;font-size:8px}body.jawi-page-dashboard .mobile-sidebar-actions{border-top:1px solid #7353bd24;gap:7px;width:100%;margin-top:auto;padding-top:8px;display:grid}body.jawi-page-dashboard .sidebar-notice,body.jawi-page-dashboard .sidebar-profile,body.jawi-page-dashboard .sidebar-logout{text-align:center;width:100%;min-height:38px;font:inherit;border:0;border-radius:12px;place-items:center;font-size:9px;font-weight:900;display:grid}body.jawi-page-dashboard .sidebar-notice{background:#ffffffe6;font-size:19px;box-shadow:0 8px 16px #4a64961f}body.jawi-page-dashboard .sidebar-profile{color:#25204d;overflow-wrap:anywhere;background:#ffffffe6;gap:2px;padding:5px 4px;box-shadow:0 8px 16px #4a64961f}body.jawi-page-dashboard .sidebar-avatar{background:linear-gradient(#9ee9ff,#fff1a8);border-radius:999px;place-items:center;width:24px;height:24px;font-size:17px;display:grid}body.jawi-page-dashboard .sidebar-logout{color:#fff;cursor:pointer;background:linear-gradient(#ff7a8a,#f04463);box-shadow:0 8px 16px #d6375c2e,inset 0 -3px #0000001a}body.jawi-page-dashboard .main{gap:12px;padding:8px 10px 18px}body.jawi-page-dashboard .topbar{grid-template-columns:34px minmax(0,1fr);justify-content:stretch;gap:8px;display:grid}body.jawi-page-dashboard .menu-button{font-size:28px;display:block}body.jawi-page-dashboard .user-area{flex-wrap:wrap;justify-content:flex-end;justify-self:end;gap:5px;min-width:0}body.jawi-page-dashboard .profile{border-radius:14px;gap:6px;min-width:0;max-width:128px;height:45px;padding:6px 8px 6px 6px;font-size:12px}body.jawi-page-dashboard .avatar{width:34px;height:34px;font-size:22px}body.jawi-page-dashboard .profile small{font-size:9px}body.jawi-page-dashboard .notice{border-radius:13px;width:42px;height:42px;font-size:21px}body.jawi-page-dashboard .logout-button{border-radius:13px;height:40px;padding:0 11px;font-size:11px}body.jawi-page-dashboard .hero-row{gap:12px}body.jawi-page-dashboard .hero{text-align:center;grid-template-columns:1fr;justify-items:center;row-gap:8px;overflow:hidden}body.jawi-page-dashboard .hero-copy-row{grid-template-columns:1fr;justify-items:center;gap:10px;display:grid}body.jawi-page-dashboard .hero-copy{justify-items:center;max-width:100%;display:grid}body.jawi-page-dashboard .mascot{grid-row:1;width:clamp(118px,34vw,148px);height:clamp(122px,36vw,154px);overflow:visible}body.jawi-page-dashboard .mascot img{width:clamp(132px,39vw,166px);bottom:0;left:50%;transform:translate(-50%)}body.jawi-page-dashboard .hero h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(29px,9.4vw,40px);line-height:1}body.jawi-page-dashboard .hero p{margin-top:9px;font-size:13px;line-height:1.35}body.jawi-page-dashboard .progress{min-height:auto;padding:16px}body.jawi-page-dashboard .progress-body{grid-template-columns:1fr;justify-items:center}body.jawi-page-dashboard .activity-grid{grid-template-columns:1fr}body.jawi-page-dashboard .activity{grid-template-rows:118px minmax(62px,auto) 38px;align-items:stretch;min-height:270px}body.jawi-page-dashboard .activity .art{height:118px;min-height:0;overflow:hidden}body.jawi-page-dashboard .activity h3{margin-top:0;font-size:24px;line-height:1.05}body.jawi-page-dashboard .activity p{margin-top:5px;line-height:1.25}body.jawi-page-dashboard .star-art span{width:82px;height:82px;font-size:70px}body.jawi-page-dashboard .star-art:before,body.jawi-page-dashboard .star-art:after,body.jawi-page-dashboard .star-art span:before,body.jawi-page-dashboard .star-art span:after{width:28px;height:28px;font-size:15px}body.jawi-page-dashboard .star-art:before{top:22px;left:16px}body.jawi-page-dashboard .star-art:after{top:22px;right:16px}body.jawi-page-dashboard .star-art span:before{bottom:10px;left:-34px}body.jawi-page-dashboard .star-art span:after{bottom:10px;right:-34px}body.jawi-page-dashboard .side-stack{grid-template-columns:1fr}body.jawi-page-dashboard .topbar{align-items:flex-start}}@media (width<=430px){body.jawi-page-dashboard .main{padding-inline:8px}body.jawi-page-dashboard .topbar{grid-template-columns:32px minmax(0,1fr)}body.jawi-page-dashboard .user-area{justify-content:flex-end}body.jawi-page-dashboard .profile{max-width:112px;font-size:11px}body.jawi-page-dashboard .logout-button{height:38px;padding-inline:10px;font-size:10px}body.jawi-page-dashboard .hero{row-gap:6px}body.jawi-page-dashboard .hero h1{font-size:clamp(28px,8.8vw,36px)}}body.jawi-profile{color:#102c59;background:#b9effb;margin:0;font-family:Figtree,sans-serif}.profile-scene{background:var(--profile-background) center / cover no-repeat;place-items:center;min-height:100svh;padding:48px 16px;display:grid}.profile-panel{aspect-ratio:1632/963;width:min(100%,1000px);position:relative;container-type:inline-size}.profile-artwork{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.profile-card,.profile-picture-column,.profile-fields{display:contents}.profile-portrait{aspect-ratio:1;width:19.49%;position:absolute;top:40.19%;left:12.99%}.profile-photo{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.profile-photo[hidden],.profile-default-avatar[hidden]{display:none}.profile-camera{background:var(--profile-artwork) 28.48% 70.29% / 1511% 891% no-repeat;cursor:pointer;border-radius:50%;width:34%;height:34%;position:absolute;bottom:-1.5%;right:-4.4%}.profile-camera svg{opacity:0}.profile-remove{aspect-ratio:1;color:#fff;cursor:pointer;background:#e34459;border:3px solid #fff;border-radius:50%;place-items:center;width:28%;padding:6%;display:grid;position:absolute;top:-1.5%;right:-4.4%;box-shadow:0 3px 8px #8e203533}.profile-remove svg{width:100%;height:100%}.profile-remove:hover{background:#c52d42}.profile-remove:focus-visible{outline-offset:3px;outline:3px solid #1684d9}.profile-file-control{border-radius:999px;width:20.34%;height:7.58%;position:absolute;top:85.05%;left:12.99%}.profile-choose{border-radius:inherit;cursor:pointer;width:100%;height:100%;display:block}.profile-file-control:focus-within{outline-offset:4px;outline:3px solid #177ddd}.profile-field{width:45.9%;height:8.8%;position:absolute;left:42.95%}.profile-field:first-child{top:45.9%}.profile-field:nth-child(2){top:66.05%}.profile-field input{color:#09176a;width:100%;height:100%;box-shadow:none;background:#f4fbfe;border:0;border-radius:1.5cqw;padding:0 1.65cqw;font-size:2.05cqw;font-weight:900}.profile-field input:focus{outline-offset:1px;box-shadow:none;outline:3px solid #57b8f5}.profile-field input[aria-invalid=true]{outline:2px solid #d54158}.profile-save{cursor:pointer;background:0 0;border:0;border-radius:2.6cqw;width:52.35%;height:12.9%;padding:0;position:absolute;top:79%;left:42.1%}.profile-save:hover,.profile-choose:hover{background:#ffffff20}.profile-save:active,.profile-choose:active{background:#003b1720}.profile-camera:hover{filter:brightness(1.08)}.profile-save:focus-visible,.profile-links a:focus-visible{outline-offset:4px;outline:3px solid #1684d9}.profile-links{color:#254b60;justify-content:space-between;gap:12px;font-size:13px;display:flex;position:absolute;top:calc(100% + 12px);left:3%;right:3%}.profile-links a:hover{color:#1a73b5;text-decoration:underline}.profile-success{color:#146a35;background:#dcfce7;border-radius:12px;margin:0;padding:9px 14px;font-size:14px;font-weight:700;position:absolute;bottom:calc(100% + 8px);left:3%;right:3%}.profile-error{color:#b62640;overflow-wrap:anywhere;margin-top:4px;font-size:clamp(9px,1.1cqw,13px);line-height:1.2}.profile-error:empty{display:none}.profile-picture-column>.profile-error{text-align:center;width:30%;position:absolute;top:93%;left:8%}body.jawi-page-dashboard a.profile,body.jawi-page-dashboard a.sidebar-profile{color:inherit;text-decoration:none}body.jawi-page-dashboard a.profile:focus-visible,body.jawi-page-dashboard a.sidebar-profile:focus-visible{outline-offset:4px;outline:3px solid #7849ef}body.jawi-page-dashboard .avatar,body.jawi-page-dashboard .sidebar-avatar{flex-shrink:0;position:relative;overflow:hidden}body.jawi-page-dashboard .avatar img,body.jawi-page-dashboard .sidebar-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=640px){.profile-scene{padding:60px 6px}.profile-links{font-size:11px}.profile-field input:focus{font-size:16px}.profile-error{z-index:1;background:#fff;border-radius:4px;padding:3px;position:relative}}body.jawi-admin{background-color:#f7f4ec!important;background-image:url(/images/admin-jawi-bg.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important}body.jawi-admin>div{background-color:#fffdf8ad!important;background-image:linear-gradient(#fffdf859,#f5f0e66b)!important}body.jawi-page-learn-ayat-mudah *{box-sizing:border-box}body.jawi-page-learn-ayat-mudah{color:#6b3a13;background:#9ee8ff url(/images/learn/perkataan-bg.png) bottom/cover no-repeat fixed;min-height:100svh;margin:0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}body.jawi-page-learn-ayat-mudah .lesson{width:min(760px,100% - 32px);min-height:100svh;margin:0 auto;padding:12px 0;position:relative}body.jawi-page-learn-ayat-mudah .topbar{grid-template-columns:48px 1fr 48px;align-items:start;gap:10px;display:grid}body.jawi-page-learn-ayat-mudah .round-btn{color:#fff;background:linear-gradient(#ffb020,#f29305);border-radius:999px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:900;text-decoration:none;display:grid;box-shadow:0 4px #be67002e,0 8px 12px #8b520029}body.jawi-page-learn-ayat-mudah .hero{grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:10px;min-height:112px;display:grid}body.jawi-page-learn-ayat-mudah .hero h1{color:#d87308;text-shadow:0 3px #ffe15a,0 5px #7540001f;margin:0 0 8px;font-size:clamp(38px,6vw,54px);font-weight:900;line-height:.9}body.jawi-page-learn-ayat-mudah .hero p{color:#805118;margin:0;font-size:13px;font-weight:800}body.jawi-page-learn-ayat-mudah .clipboard{color:#170e38;direction:rtl;background:#fffdf5;border:3px solid #f09b1a;border-radius:18px;place-items:center;width:130px;height:104px;margin-left:auto;font-size:23px;font-weight:900;display:grid;position:relative;box-shadow:0 8px #be670021,0 14px 18px #8b52001a}body.jawi-page-learn-ayat-mudah .clipboard:before{content:"";background:#6f98e9;border-radius:7px;width:54px;height:22px;position:absolute;top:-14px}body.jawi-page-learn-ayat-mudah .clipboard:after{content:"";border-top:1px solid #ead9b9;position:absolute;inset:48px 22px auto}body.jawi-page-learn-ayat-mudah .panel{background:#ffffffc7;border:2px solid #ffd35b;border-radius:14px;margin-top:10px;padding:10px;box-shadow:inset 0 0 0 2px #ffffff94}body.jawi-page-learn-ayat-mudah .section-title{color:#b46206;margin:0 0 8px;font-size:14px;font-weight:900}body.jawi-page-learn-ayat-mudah .sentence-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}body.jawi-page-learn-ayat-mudah .sentence-card{text-align:center;background:#fffdf8;border:1px solid #f1d79d;border-radius:9px;min-height:108px;padding:8px 6px;position:relative}body.jawi-page-learn-ayat-mudah .badge{color:#fff;background:#ff9d12;border-radius:999px;place-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:grid;position:absolute;top:7px;left:7px}body.jawi-page-learn-ayat-mudah .sentence-card h3{color:#7a4b12;margin:3px 0 10px;font-size:10px;font-weight:900}body.jawi-page-learn-ayat-mudah .jawi-line{color:#160b33;direction:rtl;place-items:center;min-height:38px;font-size:18px;font-weight:900;display:grid}body.jawi-page-learn-ayat-mudah .rumi-line{color:#8d6b3c;font-size:8px;font-weight:800}body.jawi-page-learn-ayat-mudah .activity-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}body.jawi-page-learn-ayat-mudah .method{text-align:center;background:#fffdf8;border:1px solid #ead59e;border-radius:10px;min-height:56px;padding:6px 5px}body.jawi-page-learn-ayat-mudah .method strong{color:#188d39;margin-top:3px;font-size:9px;font-weight:900;display:block}body.jawi-page-learn-ayat-mudah .method span{background:#e8f8ff;border-radius:999px;place-items:center;width:28px;height:28px;margin:0 auto;font-size:17px;display:grid}body.jawi-page-learn-ayat-mudah .practice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}body.jawi-page-learn-ayat-mudah .question{background:#fff7de;border:1px solid #f0ce80;border-radius:12px;min-height:116px;padding:10px}body.jawi-page-learn-ayat-mudah .question h3{color:#c06b09;margin:0 0 7px;font-size:14px;font-weight:900}body.jawi-page-learn-ayat-mudah .answer-grid{direction:rtl;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}body.jawi-page-learn-ayat-mudah .answer{color:#170e38;cursor:pointer;direction:rtl;background:#fff;border:1px solid #ecd3a0;border-radius:9px;place-items:center;min-height:36px;font-family:inherit;font-size:17px;font-weight:900;transition:transform .15s,border-color .15s,background .15s;display:grid}body.jawi-page-learn-ayat-mudah .answer:hover{border-color:#ffad19;transform:translateY(-1px)}body.jawi-page-learn-ayat-mudah .answer.is-used{color:#95846d;cursor:default;opacity:.7;background:#f1eee6}body.jawi-page-learn-ayat-mudah .answer-result{direction:rtl;background:#ffffffb3;border:1px dashed #efc770;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:6px;min-height:36px;margin-top:7px;padding:5px;display:grid}body.jawi-page-learn-ayat-mudah .answer-result span{color:#170e38;direction:rtl;background:#fff;border-radius:7px;place-items:center;min-height:25px;font-size:15px;font-weight:900;display:grid}body.jawi-page-learn-ayat-mudah .answer-feedback{min-height:18px;margin-top:5px;font-size:9px;font-weight:900}body.jawi-page-learn-ayat-mudah .question.is-correct{background:#efffeb;border-color:#2fbd47}body.jawi-page-learn-ayat-mudah .question.is-wrong{background:#fff1f7;border-color:#ff5c8e}body.jawi-page-learn-ayat-mudah .send{color:#fff;background:linear-gradient(#ffb020,#f29305);border:0;border-radius:999px;width:100%;height:32px;margin-top:8px;font-size:11px;font-weight:900}body.jawi-page-learn-ayat-mudah .nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}body.jawi-page-learn-ayat-mudah .nav a{color:#fff;border-radius:999px;place-items:center;height:36px;font-size:11px;font-weight:900;text-decoration:none;display:grid;box-shadow:inset 0 -2px #00000021,0 4px 8px #85500029}body.jawi-page-learn-ayat-mudah .nav .next{background:linear-gradient(#ffb020,#f29305)}body.jawi-page-learn-ayat-mudah .nav .start{background:linear-gradient(#f4a819,#c97706)}@media (width<=760px){body.jawi-page-learn-ayat-mudah .lesson{width:min(430px,100%);padding:10px 8px 12px}body.jawi-page-learn-ayat-mudah .topbar{grid-template-columns:44px 1fr 44px;gap:8px}body.jawi-page-learn-ayat-mudah .round-btn{width:38px;height:38px;font-size:22px}body.jawi-page-learn-ayat-mudah .hero{grid-template-columns:1fr 112px;gap:4px;min-height:86px}body.jawi-page-learn-ayat-mudah .hero h1{text-shadow:0 2px #ffe15a,0 4px #7540001f;margin:24px 0 2px;font-size:32px}body.jawi-page-learn-ayat-mudah .hero p{font-size:10px}body.jawi-page-learn-ayat-mudah .clipboard{border-width:3px;border-radius:16px;width:92px;height:78px;font-size:17px;box-shadow:0 7px #be670021}body.jawi-page-learn-ayat-mudah .clipboard:before{border-radius:6px;width:42px;height:18px;top:-13px}body.jawi-page-learn-ayat-mudah .clipboard:after{border-top-width:1px;inset:36px 18px auto}body.jawi-page-learn-ayat-mudah .panel{border-width:2px;border-radius:12px;margin-top:8px;padding:8px}body.jawi-page-learn-ayat-mudah .section-title{margin-bottom:6px;font-size:11px}body.jawi-page-learn-ayat-mudah .sentence-grid{gap:5px}body.jawi-page-learn-ayat-mudah .sentence-card{border-width:1px;border-radius:7px;min-height:86px;padding:5px}body.jawi-page-learn-ayat-mudah .badge{width:15px;height:15px;font-size:8px;top:5px;left:5px}body.jawi-page-learn-ayat-mudah .sentence-card h3{margin:2px 0 8px;font-size:8px}body.jawi-page-learn-ayat-mudah .jawi-line{min-height:28px;font-size:14px}body.jawi-page-learn-ayat-mudah .rumi-line{font-size:6px}body.jawi-page-learn-ayat-mudah .activity-row{gap:5px}body.jawi-page-learn-ayat-mudah .method{border-width:1px;border-radius:9px;min-height:48px;padding:5px 4px}body.jawi-page-learn-ayat-mudah .method strong{margin-top:2px;font-size:7px}body.jawi-page-learn-ayat-mudah .method span{width:24px;height:24px;font-size:15px}body.jawi-page-learn-ayat-mudah .practice{grid-template-columns:1fr;gap:8px}body.jawi-page-learn-ayat-mudah .question{border-width:1px;border-radius:10px;min-height:92px;padding:8px}body.jawi-page-learn-ayat-mudah .question h3{margin-bottom:6px;font-size:11px}body.jawi-page-learn-ayat-mudah .answer-grid{gap:5px}body.jawi-page-learn-ayat-mudah .answer{border-width:1px;border-radius:8px;min-height:30px;font-size:13px}body.jawi-page-learn-ayat-mudah .answer-result{gap:5px;min-height:30px;padding:4px}body.jawi-page-learn-ayat-mudah .answer-result span{min-height:22px;font-size:12px}body.jawi-page-learn-ayat-mudah .answer-feedback{font-size:8px}body.jawi-page-learn-ayat-mudah .send{height:28px;margin-top:7px;font-size:9px}body.jawi-page-learn-ayat-mudah .nav{gap:8px;margin-top:8px}body.jawi-page-learn-ayat-mudah .nav a{height:32px;font-size:10px}}body.jawi-page-learn-bina-ayat-darjah3 *{box-sizing:border-box}body.jawi-page-learn-bina-ayat-darjah3{color:#582f0e;background:#bdefff url(/images/learn/perkataan-bg.png) bottom/cover no-repeat fixed;place-items:center;min-height:100svh;margin:0;padding:10px;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;display:grid;overflow-x:hidden}body.jawi-page-learn-bina-ayat-darjah3 .page{width:min(980px,100%);margin:0 auto;padding:0}body.jawi-page-learn-bina-ayat-darjah3 .top-nav{justify-content:flex-start;margin-bottom:10px;display:flex}body.jawi-page-learn-bina-ayat-darjah3 .hero,body.jawi-page-learn-bina-ayat-darjah3 .panel{background:#ffffffe6;border:2px solid #ffa51c;border-radius:14px;box-shadow:0 7px 14px #af5d0021,inset 0 0 0 2px #ffffffa6}body.jawi-page-learn-bina-ayat-darjah3 .hero{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:center;gap:22px;min-height:190px;padding:14px 18px;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .board{background:#fffdf7;border:6px solid #b96518;border-radius:18px;place-items:center;height:158px;display:grid;position:relative;box-shadow:0 8px #8d490e2e}body.jawi-page-learn-bina-ayat-darjah3 .board:before{content:"";background:linear-gradient(#6a99ea,#3c6fcc);border-radius:9px;width:88px;height:24px;position:absolute;top:-16px}body.jawi-page-learn-bina-ayat-darjah3 .board bdi{color:#160b33;direction:rtl;background:#fff;border-radius:9px;padding:8px 20px;font-family:Traditional Arabic,Arabic Typesetting,serif;font-size:34px;font-weight:900;box-shadow:0 2px 8px #00000014}body.jawi-page-learn-bina-ayat-darjah3 h1{color:#e97d00;text-shadow:0 3px #ffd465;margin:0;font-size:54px;font-weight:1000;line-height:.95}body.jawi-page-learn-bina-ayat-darjah3 .hero p{color:#4f3216;margin:7px 0 16px;font-size:19px;font-weight:700;line-height:1.25}body.jawi-page-learn-bina-ayat-darjah3 .progress{background:#fffaefe6;border:1px solid #f0d7a2;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:7px;width:100%;padding:10px 12px;font-size:13px;font-weight:900;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .bar{background:#fff;border:1px solid #e7cf9d;border-radius:999px;grid-column:1;height:10px;overflow:hidden}body.jawi-page-learn-bina-ayat-darjah3 .bar span{background:linear-gradient(90deg,#ff9300,#ffc21c);width:0%;height:100%;transition:width .2s;display:block}body.jawi-page-learn-bina-ayat-darjah3 .title{color:#e67700;margin:0 0 10px;font-size:17px;font-weight:1000}body.jawi-page-learn-bina-ayat-darjah3 .practice{margin-top:10px;padding:14px}body.jawi-page-learn-bina-ayat-darjah3 .sentence-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .sentence,body.jawi-page-learn-bina-ayat-darjah3 .try{background:#fffaf0;border:1px solid #ffd38b;border-radius:9px;min-height:176px;padding:14px 10px 10px;position:relative}body.jawi-page-learn-bina-ayat-darjah3 .sentence.is-correct,body.jawi-page-learn-bina-ayat-darjah3 .try.is-correct{background:#f0ffed;border-color:#38bf45}body.jawi-page-learn-bina-ayat-darjah3 .sentence.is-wrong,body.jawi-page-learn-bina-ayat-darjah3 .try.is-wrong{background:#fff2f2;border-color:#f05c5c}body.jawi-page-learn-bina-ayat-darjah3 .num{color:#fff;background:#ff970b;border-radius:50%;place-items:center;width:27px;height:27px;font-size:14px;font-weight:1000;display:grid;position:absolute;top:-6px;left:-5px}body.jawi-page-learn-bina-ayat-darjah3 .chips{direction:rtl;flex-wrap:wrap;justify-content:center;gap:7px;min-height:72px;display:flex}body.jawi-page-learn-bina-ayat-darjah3 .chip{color:#160b33;cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff;border:0;border-radius:7px;min-width:48px;padding:7px 10px;font-family:inherit;font-size:20px;font-weight:900;box-shadow:0 2px 6px #00000014}body.jawi-page-learn-bina-ayat-darjah3 .chip:hover{transform:translateY(-1px)}body.jawi-page-learn-bina-ayat-darjah3 .chip:active{cursor:grabbing}body.jawi-page-learn-bina-ayat-darjah3 .chip.is-dragging{opacity:.45;transform:scale(.96)}body.jawi-page-learn-bina-ayat-darjah3 .chip.is-used{color:#967c5f;cursor:default;opacity:.72;background:#eee9df}body.jawi-page-learn-bina-ayat-darjah3 .slots{grid-template-columns:repeat(var(--slot-count,3), 1fr);direction:rtl;gap:4px;margin:9px 0;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .slots[data-slot-count="4"],body.jawi-page-learn-bina-ayat-darjah3 .answer-boxes[data-slot-count="4"]{--slot-count:4}body.jawi-page-learn-bina-ayat-darjah3 .answer-boxes[data-slot-count="5"]{--slot-count:5}body.jawi-page-learn-bina-ayat-darjah3 .slot{color:#160b33;cursor:pointer;direction:rtl;background:#ffffff9e;border:1px dashed #ffae38;border-radius:6px;place-items:center;height:32px;font-size:17px;font-weight:900;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .slot.is-drop-target,body.jawi-page-learn-bina-ayat-darjah3 .answer-boxes span.is-drop-target{background:#fff0d2;border-style:solid;border-color:#ff8700;box-shadow:0 0 0 3px #ff9f282e}body.jawi-page-learn-bina-ayat-darjah3 .slot.is-filled{background:#fff;border-style:solid;box-shadow:0 2px 6px #00000014}body.jawi-page-learn-bina-ayat-darjah3 .caption{color:#5f472e;margin:8px 0 0;font-size:11px;font-weight:800}body.jawi-page-learn-bina-ayat-darjah3 .icon{float:right;font-size:35px}body.jawi-page-learn-bina-ayat-darjah3 .sentence-feedback{min-height:16px;margin:4px 0 0;font-size:10px;font-weight:900}body.jawi-page-learn-bina-ayat-darjah3 .sentence.is-correct .sentence-feedback{color:#168329}body.jawi-page-learn-bina-ayat-darjah3 .sentence.is-wrong .sentence-feedback{color:#bf2525}body.jawi-page-learn-bina-ayat-darjah3 .learn-row{grid-template-columns:1fr 1.1fr;gap:10px;margin-top:10px;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .steps{padding:12px}body.jawi-page-learn-bina-ayat-darjah3 .steps-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .step{text-align:center;background:#fffdf7;border:1px solid #ffd797;border-radius:10px;min-height:104px;padding:8px 6px;font-size:10px;font-weight:800}body.jawi-page-learn-bina-ayat-darjah3 .step span{font-size:32px;line-height:1;display:block}body.jawi-page-learn-bina-ayat-darjah3 .try-grid{direction:rtl;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:11px;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .try .chip{background:#fff7f9;border:1px solid #f4bfc9;place-items:center;min-height:48px;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .answer-boxes{grid-template-columns:repeat(var(--slot-count,4), 1fr);direction:rtl;gap:10px;margin-top:10px;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .answer-boxes span{color:#160b33;cursor:pointer;direction:rtl;background:#fff7e8;border:1px dashed #ff9f28;border-radius:8px;place-items:center;height:46px;font-size:19px;font-weight:900;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .answer-boxes span.is-filled{background:#fff;border-style:solid;box-shadow:0 2px 6px #00000014}body.jawi-page-learn-bina-ayat-darjah3 .bottom-nav{grid-template-columns:minmax(0,260px) 160px;justify-content:center;gap:32px;margin-top:10px;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .nav-btn{color:#e67700;background:#fff;border:2px solid #ffa51c;border-radius:999px;place-items:center;height:43px;font-size:13px;font-weight:900;text-decoration:none;display:grid}body.jawi-page-learn-bina-ayat-darjah3 .back-btn{border-radius:999px;width:58px;height:42px;font-size:22px;line-height:1}body.jawi-page-learn-bina-ayat-darjah3 .nav-btn.main{color:#fff;background:linear-gradient(#ffb21c,#f08a00);height:50px;font-size:22px;box-shadow:inset 0 -4px #a653003d}@media (width<=760px){body.jawi-page-learn-bina-ayat-darjah3{padding:8px;display:block}body.jawi-page-learn-bina-ayat-darjah3 .hero,body.jawi-page-learn-bina-ayat-darjah3 .learn-row,body.jawi-page-learn-bina-ayat-darjah3 .bottom-nav{grid-template-columns:1fr}body.jawi-page-learn-bina-ayat-darjah3 .hero{min-height:auto;padding:10px}body.jawi-page-learn-bina-ayat-darjah3 .sentence-grid{grid-template-columns:repeat(2,1fr)}body.jawi-page-learn-bina-ayat-darjah3 .board{height:112px}body.jawi-page-learn-bina-ayat-darjah3 h1{font-size:32px}body.jawi-page-learn-bina-ayat-darjah3 .hero p{font-size:15px}body.jawi-page-learn-bina-ayat-darjah3 .sentence{min-height:148px}body.jawi-page-learn-bina-ayat-darjah3 .chip{font-size:16px}body.jawi-page-learn-bina-ayat-darjah3 .bottom-nav{gap:8px}}body.jawi-page-learn-huruf-jawi *{box-sizing:border-box}body.jawi-page-learn-huruf-jawi{color:#225222;background-color:#efffc4;background-image:url(/images/learn/huruf-bg.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;min-height:100svh;margin:0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;overflow:hidden auto}body.jawi-page-learn-huruf-jawi .lesson{width:min(860px,100%);min-height:100svh;margin:0 auto;padding:14px 10px 18px;position:relative;overflow:hidden}body.jawi-page-learn-huruf-jawi .sparkle{color:#fff;text-shadow:0 2px #add95773;font-size:20px;position:absolute}body.jawi-page-learn-huruf-jawi .sparkle.one{top:36px;left:76px}body.jawi-page-learn-huruf-jawi .sparkle.two{top:72px;right:45px}body.jawi-page-learn-huruf-jawi .sparkle.three{top:132px;left:34px}body.jawi-page-learn-huruf-jawi .lesson-top{grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;margin-bottom:8px;display:grid}body.jawi-page-learn-huruf-jawi .round-btn{color:#fff;background:linear-gradient(#8ade45,#41c421);border:4px solid #fff;border-radius:999px;place-items:center;width:42px;height:42px;font-size:26px;font-weight:900;line-height:1;text-decoration:none;display:grid;box-shadow:0 8px 14px #46a2203d}body.jawi-page-learn-huruf-jawi .star-btn{color:#ffc521;background:#fff;border-color:#fff;box-shadow:0 8px 16px #81a03e29}body.jawi-page-learn-huruf-jawi .progress{background:#ffffffc7;border-radius:999px;justify-self:center;align-items:center;gap:7px;height:30px;padding:5px 10px;display:flex;box-shadow:inset 0 0 0 1px #a3d9514d}body.jawi-page-learn-huruf-jawi .progress strong{color:#fff;background:linear-gradient(#8ede49,#48c829);border-radius:999px;place-items:center;width:22px;height:22px;font-size:13px;display:grid;box-shadow:0 3px #39ae1f}body.jawi-page-learn-huruf-jawi .dot{background:#d9ed9f;border:1px solid #b8d86b;border-radius:999px;width:14px;height:14px}body.jawi-page-learn-huruf-jawi h1{text-align:center;color:#287820;text-shadow:0 3px #fffc;margin:0 0 10px;font-size:27px;font-weight:900;line-height:1.05}body.jawi-page-learn-huruf-jawi .hero-card,body.jawi-page-learn-huruf-jawi .writing-card,body.jawi-page-learn-huruf-jawi .letters-card,body.jawi-page-learn-huruf-jawi .try-card{background:#ffffffc7;border:3px solid #c2ed74b8;border-radius:22px;position:relative;box-shadow:0 10px 20px #679e3326,inset 0 0 0 5px #ffffff73}body.jawi-page-learn-huruf-jawi .hero-card{-moz-column-gap:10px;grid-template-columns:126px 96px minmax(0,1fr);grid-template-areas:"star letter copy";align-items:center;gap:6px 10px;min-height:170px;margin-bottom:12px;padding:12px 14px 10px;display:grid;overflow:hidden}body.jawi-page-learn-huruf-jawi .smile-star{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 14px 14px #d4a31942);grid-area:star;place-self:center;width:122px;height:122px}body.jawi-page-learn-huruf-jawi .letter-card{color:#19751e;background:#fff;border-radius:18px;grid-area:letter;place-items:center;width:94px;height:108px;font-size:78px;font-weight:900;display:grid;box-shadow:0 8px 16px #587c3e29}body.jawi-page-learn-huruf-jawi .hero-copy{grid-area:copy;align-self:center;min-width:0}body.jawi-page-learn-huruf-jawi .hero-copy h2{color:#24851d;border-bottom:3px dashed #a8e662;margin:0 0 2px;padding-bottom:6px;font-size:24px;font-weight:900;line-height:1;display:inline-block}body.jawi-page-learn-huruf-jawi .hero-copy p{color:#466947;margin:7px 0 0;font-size:12px;font-weight:700;line-height:1.2}body.jawi-page-learn-huruf-jawi .section-label{color:#237221;z-index:2;background:#eaffc6;border:2px solid #b7ec6a;border-radius:999px;align-items:center;gap:6px;height:30px;min-height:30px;margin:0 0 -15px 15px;padding:0 15px 0 13px;font-size:16px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 3px 7px #75b4361a}body.jawi-page-learn-huruf-jawi .writing-card{background:#ffffffe6;border-width:2px;height:104px;margin-bottom:14px;padding:15px 14px 10px;box-shadow:0 8px 14px #679e3321,inset 0 0 0 4px #ffffff8c}body.jawi-page-learn-huruf-jawi .practice-box{background:linear-gradient(90deg,#d9dce4 0 48%,#0000 48% 100%) 0 36px/100% 1px no-repeat,linear-gradient(#a9d8ff 2px,#0000 2px) 0 61px/100% 2px no-repeat,#fff;border:2px dashed #bfe98c;border-radius:15px;height:76px;position:relative;overflow:hidden}body.jawi-page-learn-huruf-jawi .practice-box:before{content:"1";color:#fff;z-index:2;background:#6ccf25;border:2px solid #eaffd7;border-radius:999px;place-items:center;width:14px;height:14px;font-size:9px;font-weight:900;line-height:1;display:grid;position:absolute;top:2px;left:calc(50% - 11px);box-shadow:0 2px 4px #4790202e}body.jawi-page-learn-huruf-jawi .stroke-guide{width:34px;height:52px;position:absolute;top:10px;left:calc(50% - 20px);overflow:visible}body.jawi-page-learn-huruf-jawi .stroke-guide path{fill:none;stroke:#a5adbf;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 4}body.jawi-page-learn-huruf-jawi .letters-card{margin-bottom:12px;padding:14px}body.jawi-page-learn-huruf-jawi .letters-label{margin:0 0 -4px 12px}body.jawi-page-learn-huruf-jawi .letters-grid{direction:rtl;grid-template-columns:repeat(10,1fr);gap:10px;display:grid}body.jawi-page-learn-huruf-jawi .letter-option{cursor:pointer;color:#fff;text-align:center;direction:rtl;border:0;border-radius:9px;justify-content:center;align-items:center;width:100%;height:42px;padding:0;font-size:28px;font-weight:900;line-height:1;text-decoration:none;display:flex;box-shadow:inset 0 -4px #00000026,0 5px 8px #405f7821}body.jawi-page-learn-huruf-jawi .letter-option .glyph{line-height:1;display:block;transform:translateY(-3px)}body.jawi-page-learn-huruf-jawi .letter-option.green{background:linear-gradient(#7fe044,#3cc329)}body.jawi-page-learn-huruf-jawi .letter-option.red{background:linear-gradient(#ff776b,#f25342)}body.jawi-page-learn-huruf-jawi .letter-option.blue{background:linear-gradient(#79a4ff,#4475ef)}body.jawi-page-learn-huruf-jawi .letter-option.purple{background:linear-gradient(#d462f5,#9346dc)}body.jawi-page-learn-huruf-jawi .letter-option.yellow{background:linear-gradient(#ffd94c,#ffaf1e)}body.jawi-page-learn-huruf-jawi .letter-option.teal{background:linear-gradient(#66ddd0,#2dbfaf)}body.jawi-page-learn-huruf-jawi .letter-option.pink{background:linear-gradient(#ff78ba,#ec5398)}body.jawi-page-learn-huruf-jawi .more{color:#9edc46;box-shadow:none;background:#ffffffb3;border:2px dashed #cdef98;font-size:14px;line-height:1}body.jawi-page-learn-huruf-jawi .letter-option.active{outline-offset:-6px;outline:3px solid #fff}body.jawi-page-learn-huruf-jawi .letter-option.chosen{outline-offset:-6px;filter:brightness(1.04);outline:3px solid #fff}body.jawi-page-learn-huruf-jawi .letter-option.wrong{animation:.22s ease-in-out shake}body.jawi-page-learn-huruf-jawi .try-card{background:linear-gradient(#fff8dc,#fff5bd);border-color:#ffe087;grid-template-columns:70px 1fr 72px;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:grid}body.jawi-page-learn-huruf-jawi .bag{color:#4b2d1c;background:linear-gradient(#d99b4b,#b87531);border-radius:14px;place-items:center;width:58px;height:58px;font-size:34px;display:grid;box-shadow:inset 0 -5px #0000001f}body.jawi-page-learn-huruf-jawi .try-card h3{color:#7a5424;margin:0;font-size:17px;font-weight:900}body.jawi-page-learn-huruf-jawi .try-card p{color:#5e6143;margin:3px 0 0;font-size:12px;font-weight:700}body.jawi-page-learn-huruf-jawi .question{color:#70c82e;direction:rtl;background:#ffffff9e;border:2px dashed #cdef98;border-radius:13px;place-items:center;height:52px;font-size:28px;font-weight:900;line-height:1;transition:background .18s,border-color .18s,color .18s;display:grid}body.jawi-page-learn-huruf-jawi .question.answered{color:#247b21;background:#ffffffe6;border-style:solid;font-size:34px}body.jawi-page-learn-huruf-jawi .question.correct{border-color:#80d84b;box-shadow:inset 0 0 0 4px #82dc4b29}body.jawi-page-learn-huruf-jawi .question.wrong{color:#ec5145;background:#fff3ee;border-color:#ff9188}body.jawi-page-learn-huruf-jawi .start{color:#fff;background:linear-gradient(#7cdc35,#32be18);border:0;border-radius:999px;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 22px 0 18px;font-size:25px;font-weight:900;display:flex;box-shadow:inset 0 -5px #00000021,0 10px 18px #4aac1f38}body.jawi-page-learn-huruf-jawi .start:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.58;box-shadow:inset 0 -5px #0000001f}body.jawi-page-learn-huruf-jawi .start span{background:#ffde35;border-radius:999px;place-items:center;width:44px;height:44px;font-size:24px;display:grid}@keyframes shake{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}@media (width<=420px){body.jawi-page-learn-huruf-jawi{overflow-y:auto}body.jawi-page-learn-huruf-jawi .lesson{width:min(390px,100%);padding:14px 8px 16px;overflow:visible}body.jawi-page-learn-huruf-jawi .hero-card{-moz-column-gap:8px;grid-template-columns:118px 88px minmax(0,1fr);column-gap:8px;padding:12px 10px 10px}body.jawi-page-learn-huruf-jawi .smile-star{width:114px;height:114px}body.jawi-page-learn-huruf-jawi .letter-card{width:86px;height:100px;font-size:64px}body.jawi-page-learn-huruf-jawi .hero-copy h2{font-size:23px}body.jawi-page-learn-huruf-jawi .hero-copy p{font-size:11px}body.jawi-page-learn-huruf-jawi .letters-grid{grid-template-columns:repeat(5,1fr)}}@media (width>=421px){body.jawi-page-learn-huruf-jawi{overflow-y:hidden}body.jawi-page-learn-huruf-jawi .lesson{-moz-column-gap:24px;grid-template-rows:repeat(5,auto);grid-template-columns:390px 420px;align-content:center;gap:10px 24px;padding-inline:18px;display:grid}body.jawi-page-learn-huruf-jawi .lesson-top,body.jawi-page-learn-huruf-jawi h1,body.jawi-page-learn-huruf-jawi .hero-card{grid-column:1/-1;justify-self:center;width:420px}body.jawi-page-learn-huruf-jawi .letters-label,body.jawi-page-learn-huruf-jawi .letters-card{grid-column:1/-1;justify-self:center;width:820px}body.jawi-page-learn-huruf-jawi .try-card,body.jawi-page-learn-huruf-jawi .start{justify-self:center;width:390px}}@media (width>=421px) and (width<=759px){body.jawi-page-learn-huruf-jawi{background-size:100% 100%;overflow-y:auto}body.jawi-page-learn-huruf-jawi .lesson{width:min(520px,100%);min-height:100svh;padding:16px 14px 20px;display:block;overflow:visible}body.jawi-page-learn-huruf-jawi .lesson-top,body.jawi-page-learn-huruf-jawi h1,body.jawi-page-learn-huruf-jawi .hero-card,body.jawi-page-learn-huruf-jawi .letters-label,body.jawi-page-learn-huruf-jawi .letters-card,body.jawi-page-learn-huruf-jawi .try-card,body.jawi-page-learn-huruf-jawi .start{width:100%}body.jawi-page-learn-huruf-jawi .hero-card{grid-template-columns:132px 100px minmax(0,1fr);margin-bottom:12px}body.jawi-page-learn-huruf-jawi .letters-grid{grid-template-columns:repeat(5,minmax(0,1fr))}body.jawi-page-learn-huruf-jawi .try-card{grid-template-columns:70px minmax(0,1fr) 78px}}@media (width>=760px){body.jawi-page-learn-huruf-jawi .lesson{-moz-column-gap:clamp(24px, 3vw, 48px);grid-template-columns:minmax(430px,1fr) minmax(460px,1.08fr);align-content:center;gap:clamp(12px,1.8svh,24px) clamp(24px,3vw,48px);width:min(1120px,96vw);padding:clamp(28px,4svh,56px) 24px}body.jawi-page-learn-huruf-jawi .lesson-top,body.jawi-page-learn-huruf-jawi h1{width:clamp(460px,42vw,560px)}body.jawi-page-learn-huruf-jawi .lesson-top{grid-template-columns:58px 1fr 58px;margin-bottom:0}body.jawi-page-learn-huruf-jawi .round-btn{width:clamp(50px,4.5svh,64px);height:clamp(50px,4.5svh,64px);font-size:clamp(28px,2.8svh,38px)}body.jawi-page-learn-huruf-jawi .progress{height:clamp(34px,3.4svh,44px);padding-inline:14px}body.jawi-page-learn-huruf-jawi .progress strong{width:clamp(24px,2.4svh,32px);height:clamp(24px,2.4svh,32px);font-size:clamp(13px,1.3svh,17px)}body.jawi-page-learn-huruf-jawi .dot{width:clamp(14px,1.35svh,18px);height:clamp(14px,1.35svh,18px)}body.jawi-page-learn-huruf-jawi h1{margin-bottom:0;font-size:clamp(34px,3.3svh,48px)}body.jawi-page-learn-huruf-jawi .hero-card{-moz-column-gap:clamp(14px, 1.8vw, 26px);grid-template-columns:clamp(150px,13svh,190px) clamp(120px,11svh,160px) minmax(0,1fr);column-gap:clamp(14px,1.8vw,26px);width:clamp(560px,50vw,690px);min-height:clamp(220px,22svh,310px);margin-bottom:0;padding:clamp(18px,2.2svh,30px) clamp(22px,2.5vw,36px)}body.jawi-page-learn-huruf-jawi .smile-star{width:clamp(140px,13svh,188px);height:clamp(140px,13svh,188px)}body.jawi-page-learn-huruf-jawi .letter-card{width:clamp(116px,11svh,158px);height:clamp(132px,12.5svh,178px);font-size:clamp(86px,8.2svh,122px)}body.jawi-page-learn-huruf-jawi .hero-copy h2{font-size:clamp(30px,2.9svh,42px)}body.jawi-page-learn-huruf-jawi .hero-copy p{font-size:clamp(14px,1.35svh,18px)}body.jawi-page-learn-huruf-jawi .letters-label,body.jawi-page-learn-huruf-jawi .letters-card{width:min(1060px,92vw)}body.jawi-page-learn-huruf-jawi .section-label{height:clamp(34px,3.4svh,44px);min-height:clamp(34px,3.4svh,44px);margin-bottom:-7px;margin-left:18px;font-size:clamp(17px,1.55svh,22px)}body.jawi-page-learn-huruf-jawi .letters-card{margin-bottom:0;padding:clamp(18px,2svh,28px)}body.jawi-page-learn-huruf-jawi .letters-grid{gap:clamp(12px,1.3vw,18px)}body.jawi-page-learn-huruf-jawi .letter-option{border-radius:12px;height:clamp(48px,4.8svh,68px);font-size:clamp(32px,3.2svh,46px)}body.jawi-page-learn-huruf-jawi .try-card,body.jawi-page-learn-huruf-jawi .start{width:clamp(430px,36vw,530px)}body.jawi-page-learn-huruf-jawi .try-card{grid-template-columns:clamp(78px,7.2svh,100px) 1fr clamp(86px,8svh,112px);gap:14px;margin-bottom:0;padding:clamp(14px,1.6svh,22px)}body.jawi-page-learn-huruf-jawi .bag{width:clamp(66px,6.3svh,86px);height:clamp(66px,6.3svh,86px);font-size:clamp(38px,3.8svh,52px)}body.jawi-page-learn-huruf-jawi .try-card h3{font-size:clamp(20px,1.9svh,27px)}body.jawi-page-learn-huruf-jawi .try-card p{font-size:clamp(13px,1.25svh,17px)}body.jawi-page-learn-huruf-jawi .question{height:clamp(58px,5.6svh,76px);font-size:clamp(32px,3.1svh,44px)}body.jawi-page-learn-huruf-jawi .start{height:clamp(62px,6svh,82px);padding-inline:clamp(22px,2.2vw,34px);font-size:clamp(26px,2.5svh,36px)}body.jawi-page-learn-huruf-jawi .start span{width:clamp(48px,4.8svh,64px);height:clamp(48px,4.8svh,64px);font-size:clamp(26px,2.5svh,34px)}}@media (width>=760px) and (height<=900px){body.jawi-page-learn-huruf-jawi .lesson{transform-origin:50%;transform:scale(.92)}}body.jawi-page-learn-imbuhan-jawi-darjah3 *{box-sizing:border-box}body.jawi-page-learn-imbuhan-jawi-darjah3{color:#2a1762;background:#dff8ff url(/images/learn/sukukata-bg.png) bottom/cover no-repeat fixed;min-height:100svh;margin:0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}body.jawi-page-learn-imbuhan-jawi-darjah3 .page{align-content:center;width:min(820px,100% - 32px);min-height:100svh;margin:0 auto;padding:10px 0;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .layout{display:block}body.jawi-page-learn-imbuhan-jawi-darjah3 .progress,body.jawi-page-learn-imbuhan-jawi-darjah3 .panel,body.jawi-page-learn-imbuhan-jawi-darjah3 .back-btn,body.jawi-page-learn-imbuhan-jawi-darjah3 .bottom-nav a{background:#ffffffe6;border:2px solid #e7d7ff;box-shadow:0 7px 16px #5f2fc721,inset 0 0 0 2px #ffffffb8}body.jawi-page-learn-imbuhan-jawi-darjah3 .top-actions{justify-content:flex-start;margin-bottom:8px;display:flex}body.jawi-page-learn-imbuhan-jawi-darjah3 .back-btn{color:#5b25c9;border-radius:12px;place-items:center;width:46px;height:36px;font-size:22px;font-weight:1000;line-height:1;text-decoration:none;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .hero{border-radius:15px;position:relative;overflow:hidden;container-type:inline-size}body.jawi-page-learn-imbuhan-jawi-darjah3 .hero-image{width:100%;height:auto;display:block}body.jawi-page-learn-imbuhan-jawi-darjah3 .hero-page{color:#21116c;margin:0;font-size:2.2cqw;font-weight:800;line-height:1.2;position:absolute;top:82%;left:5.75%}body.jawi-page-learn-imbuhan-jawi-darjah3 .progress{color:#4b1fc2;border-radius:999px;grid-template-columns:130px minmax(0,1fr) auto 30px;align-items:center;gap:14px;min-height:34px;margin-top:8px;padding:6px 14px;font-size:11px;font-weight:1000;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .bar{background:#eadfff;border-radius:999px;height:10px;overflow:hidden}body.jawi-page-learn-imbuhan-jawi-darjah3 .bar span{background:linear-gradient(90deg,#a65df0,#7b35df);width:0%;height:100%;transition:width .2s;display:block}body.jawi-page-learn-imbuhan-jawi-darjah3 .stars{color:#ffbc20;font-size:22px}body.jawi-page-learn-imbuhan-jawi-darjah3 .panel{border-radius:15px;margin-top:8px;padding:11px 14px}body.jawi-page-learn-imbuhan-jawi-darjah3 .panel-title{color:#4620bb;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:1000;line-height:1;display:flex}body.jawi-page-learn-imbuhan-jawi-darjah3 .builder{gap:7px;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .word-row{color:#5a25d0;grid-template-columns:34px minmax(115px,155px) 20px minmax(125px,175px) 20px minmax(150px,205px);justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:1000;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .num{color:#fff;background:linear-gradient(#9858ec,#6430d5);border-radius:999px;place-items:center;width:30px;height:30px;font-size:13px;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .num.blue{background:linear-gradient(#46b8f2,#1684dd)}body.jawi-page-learn-imbuhan-jawi-darjah3 .num.green{background:linear-gradient(#50cdb9,#24a893)}body.jawi-page-learn-imbuhan-jawi-darjah3 .num.orange{background:linear-gradient(#ffab43,#f07d20)}body.jawi-page-learn-imbuhan-jawi-darjah3 .chip{color:#21123f;direction:rtl;background:#fbf7ff;border:1px dashed #bd9df4;border-radius:10px;place-items:center;width:100%;min-height:38px;font-family:Traditional Arabic,Arabic Typesetting,serif;font-size:20px;font-weight:800;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .chip small{color:#5d4b73;direction:ltr;margin-top:-8px;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;font-size:7px;font-weight:800}body.jawi-page-learn-imbuhan-jawi-darjah3 .chip.affix{background:#fff8e9;border-color:#ffc76e}body.jawi-page-learn-imbuhan-jawi-darjah3 .chip.answer{background:#f5fff1;border-color:#9edc91}body.jawi-page-learn-imbuhan-jawi-darjah3 .practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .practice-card{background:#fffffff0;border:2px solid #e3d2ff;border-radius:14px;padding:10px;box-shadow:0 8px 16px #5f2fc71f,inset 0 0 0 2px #ffffffbf}body.jawi-page-learn-imbuhan-jawi-darjah3 .practice-card h3{color:#7b35df;margin:0 0 4px;font-size:14px;font-weight:1000}body.jawi-page-learn-imbuhan-jawi-darjah3 .practice-card p{color:#3b3150;margin:0 0 7px;font-size:9px;font-weight:800;line-height:1.35}body.jawi-page-learn-imbuhan-jawi-darjah3 .quiz-question{color:#21123f;direction:rtl;background:linear-gradient(#fbf7ff,#f3ebff);border:1px solid #eadcff;border-radius:12px;place-items:center;min-height:34px;font-family:Traditional Arabic,Arabic Typesetting,serif;font-size:18px;font-weight:900;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .quiz-choice{color:#21123f;cursor:pointer;direction:rtl;background:#fff;border:1px solid #e2d4ff;border-radius:12px;place-items:center;min-height:31px;font-family:Traditional Arabic,Arabic Typesetting,serif;font-size:16px;font-weight:800;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .quiz-choice.selected{background:#f4edff;border-color:#9b61ef;box-shadow:inset 0 0 0 1px #7b35df38}body.jawi-page-learn-imbuhan-jawi-darjah3 .quiz-choice.correct{color:#187e2d;background:#edfff0;border-color:#50c46a;box-shadow:inset 0 0 0 1px #50c46a47}body.jawi-page-learn-imbuhan-jawi-darjah3 .quiz-choice.wrong{color:#b7204d;background:#fff1f6;border-color:#ef6b8d;box-shadow:inset 0 0 0 1px #ef6b8d33}body.jawi-page-learn-imbuhan-jawi-darjah3 .quiz-feedback{color:#6a527d;min-height:17px;margin:6px 0 0;font-size:9px;font-weight:900}body.jawi-page-learn-imbuhan-jawi-darjah3 .quiz-feedback.correct{color:#168329}body.jawi-page-learn-imbuhan-jawi-darjah3 .quiz-feedback.wrong{color:#c62852}body.jawi-page-learn-imbuhan-jawi-darjah3 .quiz-submit{color:#fff;background:linear-gradient(#a75cf0,#7131dc);border:0;border-radius:12px;width:100%;min-height:36px;margin-top:7px;font-family:inherit;font-size:12px;font-weight:1000;box-shadow:inset 0 -4px #3d168c33}body.jawi-page-learn-imbuhan-jawi-darjah3 .bottom-nav{grid-template-columns:minmax(220px,1fr) 160px;gap:24px;margin-top:8px;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .bottom-nav a{color:#5b25c9;border-radius:12px;place-items:center;min-height:38px;font-size:12px;font-weight:1000;text-decoration:none;display:grid}body.jawi-page-learn-imbuhan-jawi-darjah3 .bottom-nav button{color:#5b25c9;cursor:pointer;background:#ffffffe6;border:2px solid #e7d7ff;border-radius:12px;place-items:center;min-height:38px;font-family:inherit;font-size:12px;font-weight:1000;display:grid;box-shadow:0 7px 16px #5f2fc721,inset 0 0 0 2px #ffffffb8}body.jawi-page-learn-imbuhan-jawi-darjah3 .bottom-nav .primary{color:#fff;background:linear-gradient(#a75cf0,#7031db);border-color:#8d52e8;font-size:18px;box-shadow:inset 0 -5px #3e198d33,0 8px 18px #5b2dc633}@media (width<=920px){body.jawi-page-learn-imbuhan-jawi-darjah3 .page{align-content:start;width:min(560px,100%);padding:10px 16px 18px}body.jawi-page-learn-imbuhan-jawi-darjah3 .word-row{grid-template-columns:32px 1fr}body.jawi-page-learn-imbuhan-jawi-darjah3 .word-row .num{grid-row:1/span 3;align-self:start}body.jawi-page-learn-imbuhan-jawi-darjah3 .word-row .chip{grid-column:2}body.jawi-page-learn-imbuhan-jawi-darjah3 .word-row .op{display:none}body.jawi-page-learn-imbuhan-jawi-darjah3 .practice-grid{grid-template-columns:1fr}body.jawi-page-learn-imbuhan-jawi-darjah3 .bottom-nav{grid-template-columns:1fr;gap:8px}body.jawi-page-learn-imbuhan-jawi-darjah3 .bottom-nav a{min-height:44px}}@media (width>=921px) and (height<=760px){body.jawi-page-learn-imbuhan-jawi-darjah3 .page{align-content:start}body.jawi-page-learn-imbuhan-jawi-darjah3 .chip{min-height:34px}body.jawi-page-learn-imbuhan-jawi-darjah3 .practice-grid{gap:8px}}body.jawi-page-learn-kefahaman-jawi-darjah3 *{box-sizing:border-box}body.jawi-page-learn-kefahaman-jawi-darjah3{color:#0b3474;background:#bdefff url(/images/learn/quiz-bg.png) bottom/cover no-repeat fixed;place-items:center;min-height:100svh;margin:0;padding:8px;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;display:grid;overflow-x:hidden}body.jawi-page-learn-kefahaman-jawi-darjah3 .page{width:min(744px,100%)}body.jawi-page-learn-kefahaman-jawi-darjah3 .hero,body.jawi-page-learn-kefahaman-jawi-darjah3 .panel,body.jawi-page-learn-kefahaman-jawi-darjah3 .nav-btn{background:#ffffffed;border:2px solid #9edfff;border-radius:14px;box-shadow:0 7px 14px #1477cb1f,inset 0 0 0 2px #ffffffb8}body.jawi-page-learn-kefahaman-jawi-darjah3 .back-btn{color:#096fc8;background:#ffffffed;border:2px solid #9edfff;border-radius:14px;place-items:center;width:54px;height:42px;margin:0 0 8px 8px;font-size:17px;font-weight:1000;text-decoration:none;display:grid;box-shadow:0 7px 14px #1477cb1f,inset 0 0 0 2px #ffffffb8}body.jawi-page-learn-kefahaman-jawi-darjah3 .hero{grid-template-columns:190px minmax(0,1fr);align-items:center;gap:26px;min-height:148px;padding:12px 22px;display:grid}body.jawi-page-learn-kefahaman-jawi-darjah3 .trophy{filter:drop-shadow(0 8px 7px #b5671538);place-items:center;height:120px;font-size:94px;display:grid}body.jawi-page-learn-kefahaman-jawi-darjah3 h1{color:#0878d9;text-shadow:0 3px #d8f5ff;margin:0;font-size:41px;font-weight:1000;line-height:.95}body.jawi-page-learn-kefahaman-jawi-darjah3 .hero p{color:#2a4f86;margin:7px 0 14px;font-size:14px;font-weight:800}body.jawi-page-learn-kefahaman-jawi-darjah3 .progress{color:#096fc8;grid-template-columns:1fr auto;gap:8px;font-size:12px;font-weight:1000;display:grid}body.jawi-page-learn-kefahaman-jawi-darjah3 .bar{background:#d9e8f4;border-radius:999px;grid-column:1;height:10px;overflow:hidden}body.jawi-page-learn-kefahaman-jawi-darjah3 .bar span{background:linear-gradient(90deg,#007ee2,#19a8ff);width:0%;height:100%;transition:width .2s;display:block}body.jawi-page-learn-kefahaman-jawi-darjah3 .main-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}body.jawi-page-learn-kefahaman-jawi-darjah3 .panel{padding:12px}body.jawi-page-learn-kefahaman-jawi-darjah3 .title{color:#096fc8;margin:0 0 10px;font-size:14px;font-weight:1000}body.jawi-page-learn-kefahaman-jawi-darjah3 .passage{color:#160b33;direction:rtl;background:#fff;border-radius:12px;min-height:246px;padding:18px;font-family:Traditional Arabic,Arabic Typesetting,serif;font-size:24px;line-height:1.75;box-shadow:inset 0 0 0 1px #d8edfb}body.jawi-page-learn-kefahaman-jawi-darjah3 .tag{color:#096fc8;background:#e9f6ff;border-radius:9px;width:max-content;margin-top:10px;padding:8px 12px;font-size:10px;font-weight:900}body.jawi-page-learn-kefahaman-jawi-darjah3 .questions{gap:10px;display:grid}body.jawi-page-learn-kefahaman-jawi-darjah3 .q p{color:#233b5d;margin:0 0 6px;font-size:11px;font-weight:900}body.jawi-page-learn-kefahaman-jawi-darjah3 .options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}body.jawi-page-learn-kefahaman-jawi-darjah3 .option{color:#1b3967;cursor:pointer;background:#fff;border:1px solid #d7e7f4;border-radius:999px;min-height:28px;font-family:inherit;font-size:10px;font-weight:900}body.jawi-page-learn-kefahaman-jawi-darjah3 .option:hover{border-color:#8bcdf5}body.jawi-page-learn-kefahaman-jawi-darjah3 .option.correct{color:#168329;background:#edffe8;border-color:#84d979}body.jawi-page-learn-kefahaman-jawi-darjah3 .option.wrong{color:#b42525;background:#fff1f1;border-color:#f28c8c}body.jawi-page-learn-kefahaman-jawi-darjah3 .answer-feedback{min-height:14px;margin:4px 0 0;font-size:9px;font-weight:1000}body.jawi-page-learn-kefahaman-jawi-darjah3 .q.is-correct .answer-feedback{color:#168329}body.jawi-page-learn-kefahaman-jawi-darjah3 .q.is-wrong .answer-feedback{color:#b42525}body.jawi-page-learn-kefahaman-jawi-darjah3 .support-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}body.jawi-page-learn-kefahaman-jawi-darjah3 .steps{text-align:center;grid-template-columns:repeat(4,1fr);align-items:center;gap:8px;display:grid}body.jawi-page-learn-kefahaman-jawi-darjah3 .step span{margin-bottom:7px;font-size:38px;line-height:1;display:block}body.jawi-page-learn-kefahaman-jawi-darjah3 .step strong{color:#fff;background:#0878d9;border-radius:50%;width:22px;height:22px;margin:0 auto 5px;font-size:12px;line-height:22px;display:block}body.jawi-page-learn-kefahaman-jawi-darjah3 .step p{color:#244d83;margin:0;font-size:9px;font-weight:900}body.jawi-page-learn-kefahaman-jawi-darjah3 .words{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}body.jawi-page-learn-kefahaman-jawi-darjah3 .word{text-align:center;background:linear-gradient(#f8fdff,#ecf8ff);border:1px solid #d8eefa;border-radius:10px;min-height:92px;padding:9px 6px}body.jawi-page-learn-kefahaman-jawi-darjah3 .word bdi{color:#160b33;direction:rtl;font-family:Traditional Arabic,Arabic Typesetting,serif;font-size:25px;font-weight:900;display:block}body.jawi-page-learn-kefahaman-jawi-darjah3 .word strong{color:#1b3967;margin-top:5px;font-size:10px;display:block}body.jawi-page-learn-kefahaman-jawi-darjah3 .nav{grid-template-columns:minmax(0,258px) 170px;justify-content:center;gap:24px;margin-top:8px;display:grid}body.jawi-page-learn-kefahaman-jawi-darjah3 .nav-btn{color:#096fc8;cursor:pointer;border:2px solid #9edfff;place-items:center;height:44px;font-family:inherit;font-size:13px;font-weight:1000;text-decoration:none;display:grid}body.jawi-page-learn-kefahaman-jawi-darjah3 .nav-btn.main{color:#fff;background:linear-gradient(#23aaf5,#0578d8);height:54px;font-size:22px;box-shadow:inset 0 -4px #00499538,0 7px 13px #0878d933}@media (width<=760px){body.jawi-page-learn-kefahaman-jawi-darjah3{display:block}body.jawi-page-learn-kefahaman-jawi-darjah3 .hero,body.jawi-page-learn-kefahaman-jawi-darjah3 .main-grid,body.jawi-page-learn-kefahaman-jawi-darjah3 .support-grid,body.jawi-page-learn-kefahaman-jawi-darjah3 .nav{grid-template-columns:1fr}body.jawi-page-learn-kefahaman-jawi-darjah3 .hero{text-align:center;gap:8px}body.jawi-page-learn-kefahaman-jawi-darjah3 .trophy{height:86px;font-size:70px}body.jawi-page-learn-kefahaman-jawi-darjah3 h1{font-size:32px}body.jawi-page-learn-kefahaman-jawi-darjah3 .passage{min-height:auto;font-size:21px}body.jawi-page-learn-kefahaman-jawi-darjah3 .options{grid-template-columns:1fr}body.jawi-page-learn-kefahaman-jawi-darjah3 .steps,body.jawi-page-learn-kefahaman-jawi-darjah3 .words{grid-template-columns:repeat(2,1fr)}body.jawi-page-learn-kefahaman-jawi-darjah3 .nav{gap:8px}}body.jawi-page-learn-kuiz-harian-darjah2 *{box-sizing:border-box}body.jawi-page-learn-kuiz-harian-darjah2{color:#10234b;background:#c8f3ff url(/images/learn/kuizdarjah2-bg.png) 50%/cover no-repeat fixed;min-height:100svh;margin:0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif}body.jawi-page-learn-kuiz-harian-darjah2 .page{align-content:center;width:min(1100px,100% - 24px);min-height:100svh;margin:0 auto;padding:10px 0 16px;display:grid}body.jawi-page-learn-kuiz-harian-darjah2 .quiz-shell{background:#ffffff94;border:3px solid #23a8ef;border-radius:20px;overflow:hidden;box-shadow:0 8px 18px #1b7fcd2e,inset 0 0 0 2px #ffffffbf}body.jawi-page-learn-kuiz-harian-darjah2 .quiz-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}body.jawi-page-learn-kuiz-harian-darjah2 .page-status{color:#17679e;margin:0;font-size:13px;font-weight:800}body.jawi-page-learn-kuiz-harian-darjah2 .label{color:#fff;background:linear-gradient(#28b8fb,#0b82d8);border-radius:12px;width:max-content;margin:0;padding:7px 16px 8px;font-size:18px;font-weight:1000;box-shadow:inset 0 -3px #00488e2e}body.jawi-page-learn-kuiz-harian-darjah2 .quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 12px;display:grid}body.jawi-page-learn-kuiz-harian-darjah2 .quiz-card{background:#ffffffed;border-radius:18px;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;min-width:0;margin:0;padding:18px;display:grid}body.jawi-page-learn-kuiz-harian-darjah2 .quiz-card[hidden]{display:none}body.jawi-page-learn-kuiz-harian-darjah2 .question-row{align-items:center;gap:14px;min-height:72px;display:flex}body.jawi-page-learn-kuiz-harian-darjah2 .number{color:#fff;background:linear-gradient(#0b8be5,#065dc1);border:3px solid #dff5ff;border-radius:50%;flex-shrink:0;place-items:center;width:43px;height:43px;font-size:24px;font-weight:1000;display:grid;box-shadow:0 3px 8px #095bb53d}body.jawi-page-learn-kuiz-harian-darjah2 .question-row h2{color:#10234b;margin:0;font-size:20px;font-weight:1000;line-height:1.2}body.jawi-page-learn-kuiz-harian-darjah2 .answers{gap:7px;display:grid}body.jawi-page-learn-kuiz-harian-darjah2 .answer{color:#0e2350;cursor:pointer;background:#fff;border:2px solid #cbe4f5;border-radius:9px;grid-template-columns:38px minmax(0,1fr) 34px;align-items:center;gap:10px;min-height:48px;padding:0 10px;font-family:inherit;font-size:23px;font-weight:1000;display:grid}body.jawi-page-learn-kuiz-harian-darjah2 .answer:hover{border-color:#5ebdf4}body.jawi-page-learn-kuiz-harian-darjah2 .answer:disabled{cursor:default}body.jawi-page-learn-kuiz-harian-darjah2 button:focus-visible{outline-offset:3px;outline:3px solid #075eb5}body.jawi-page-learn-kuiz-harian-darjah2 .answer strong{text-align:center;direction:rtl;font-weight:1000}body.jawi-page-learn-kuiz-harian-darjah2 .badge{color:#fff;background:linear-gradient(#1997ea,#086bc9);border-radius:50%;place-items:center;width:31px;height:31px;font-size:18px;display:grid}body.jawi-page-learn-kuiz-harian-darjah2 .answer.correct{border-color:#43c83d;box-shadow:inset 0 0 0 1px #4dcd3c47}body.jawi-page-learn-kuiz-harian-darjah2 .answer.wrong{background:#fff4f4;border-color:#f05555;box-shadow:inset 0 0 0 1px #f055553d}body.jawi-page-learn-kuiz-harian-darjah2 .check{color:#22bd31;font-size:26px}body.jawi-page-learn-kuiz-harian-darjah2 .wrong-mark{color:#e53935;font-size:25px}body.jawi-page-learn-kuiz-harian-darjah2 .feedback{color:#287b24;background:linear-gradient(#f8fdff,#edf8ff);border:2px solid #b8ddf4;border-radius:10px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-height:94px;margin-top:0;padding:8px 12px;font-size:12px;font-weight:800;line-height:1.5;display:grid}body.jawi-page-learn-kuiz-harian-darjah2 .feedback.correct{background:linear-gradient(#f7fff1,#ebffe2);border-color:#79d96e}body.jawi-page-learn-kuiz-harian-darjah2 .feedback.wrong{color:#9b2828;background:linear-gradient(#fff8f8,#ffecec);border-color:#f5a5a5}body.jawi-page-learn-kuiz-harian-darjah2 .feedback span:first-child{font-size:30px}body.jawi-page-learn-kuiz-harian-darjah2 .feedback strong{font-size:13px;font-weight:1000;display:block}body.jawi-page-learn-kuiz-harian-darjah2 .feedback.correct strong{color:#158322}body.jawi-page-learn-kuiz-harian-darjah2 .feedback.wrong strong{color:#c62828}body.jawi-page-learn-kuiz-harian-darjah2 .feedback .jawi{color:#0d2e13;direction:rtl;font-size:15px;font-weight:1000}body.jawi-page-learn-kuiz-harian-darjah2 .previous-button{color:#fff;background:linear-gradient(#78a8d8,#3d7fbd);border-radius:13px;place-items:center;width:46px;height:38px;margin:0 0 8px 8px;font-size:18px;font-weight:1000;text-decoration:none;display:grid;box-shadow:inset 0 -4px #2a52823d,0 7px 12px #3c7ebb29}body.jawi-page-learn-kuiz-harian-darjah2 .actions{justify-content:space-between;align-items:center;gap:16px;padding:14px 12px;display:flex}body.jawi-page-learn-kuiz-harian-darjah2 .actions p{color:#17679e;margin:0;font-size:13px;font-weight:700}body.jawi-page-learn-kuiz-harian-darjah2 .next-button{color:#fff;cursor:pointer;background:linear-gradient(#37b8fa,#108cdd);border:0;border-radius:14px;place-items:center;min-width:170px;min-height:44px;font-family:inherit;font-size:15px;font-weight:1000;text-decoration:none;display:grid;box-shadow:inset 0 -4px #06579e3d,0 7px 12px #148fdb2e}body.jawi-page-learn-kuiz-harian-darjah2 .next-button:disabled{cursor:not-allowed;opacity:.45;transform:none}body.jawi-page-learn-kuiz-harian-darjah2 .previous-button:hover,body.jawi-page-learn-kuiz-harian-darjah2 .next-button:not(:disabled):hover{transform:translateY(-1px)}@media (width<=760px){body.jawi-page-learn-kuiz-harian-darjah2 .page{align-content:start;padding-top:8px}body.jawi-page-learn-kuiz-harian-darjah2 .quiz-grid{grid-template-columns:1fr;gap:10px}body.jawi-page-learn-kuiz-harian-darjah2 .question-row{min-height:0}body.jawi-page-learn-kuiz-harian-darjah2 .actions{flex-direction:column;align-items:stretch}body.jawi-page-learn-kuiz-harian-darjah2 .next-button{width:100%}body.jawi-page-learn-kuiz-harian-darjah2 .question-row h2{font-size:17px}body.jawi-page-learn-kuiz-harian-darjah2 .answer{font-size:20px}}body.jawi-page-learn-kuiz-harian *{box-sizing:border-box}body.jawi-page-learn-kuiz-harian{color:#083574;background-color:#b9efff;background-image:url(/images/learn/quiz-bg.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;min-height:100svh;margin:0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;overflow:hidden}body.jawi-page-learn-kuiz-harian .page{flex-direction:column;justify-content:center;gap:10px;width:min(430px,100%);height:100svh;min-height:100svh;margin:0 auto;padding:14px 10px 12px;display:flex;position:relative;overflow:hidden}body.jawi-page-learn-kuiz-harian .page:before{content:"";pointer-events:none;background:radial-gradient(circle at 4% 100%,#60c972 0 36px,#0000 37px),radial-gradient(circle at 97% 100%,#68ce78 0 34px,#0000 35px),linear-gradient(#0000,#69ca7480);height:58px;position:absolute;inset:auto -10px 0}body.jawi-page-learn-kuiz-harian .sparkle{color:#fff;text-shadow:0 3px #2895dc2e;font-size:21px;position:absolute}body.jawi-page-learn-kuiz-harian .sparkle.one{top:84px;left:14px}body.jawi-page-learn-kuiz-harian .sparkle.two{top:101px;right:34px}body.jawi-page-learn-kuiz-harian .topbar{z-index:1;grid-template-columns:45px minmax(0,1fr) 45px;align-items:center;gap:10px;display:grid;position:relative}body.jawi-page-learn-kuiz-harian .back{color:#168fe5;background:#fffffff2;border:2px solid #cff1ff;border-radius:999px;place-items:center;min-height:43px;font-size:26px;font-weight:1000;text-decoration:none;display:grid;box-shadow:0 8px 16px #2094e024}body.jawi-page-learn-kuiz-harian .title{text-align:center}body.jawi-page-learn-kuiz-harian .title h1{color:#064197;text-shadow:0 3px #fff,0 6px #2a8fda29;margin:0;font-size:30px;font-weight:1000;line-height:1}body.jawi-page-learn-kuiz-harian .title p{color:#5377a5;margin:5px 0 0;font-size:12px;font-weight:800;line-height:1.15}body.jawi-page-learn-kuiz-harian .progress-row{margin:14px 0 10px;display:block}body.jawi-page-learn-kuiz-harian .progress-card{color:#0b8fde;background:#ffffffeb;border:2px solid #b9e9ff;border-radius:16px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:9px 13px;font-size:12px;font-weight:1000;display:grid;box-shadow:0 8px 15px #2991da1f}body.jawi-page-learn-kuiz-harian .bar{background:#dceffb;border-radius:999px;height:9px;overflow:hidden}body.jawi-page-learn-kuiz-harian .bar span{border-radius:inherit;background:linear-gradient(90deg,#0ea5ee,#35bdf8);width:40%;height:100%;display:block}body.jawi-page-learn-kuiz-harian .quiz-card{z-index:1;background:#ffffffe6;border:3px solid #62cfff;border-radius:24px;padding:18px 16px 15px;position:relative;box-shadow:0 12px 22px #1f87d524,inset 0 0 0 3px #ffffffa6}body.jawi-page-learn-kuiz-harian .quiz-head{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px;display:grid}body.jawi-page-learn-kuiz-harian .trophy{filter:drop-shadow(0 8px 8px #cd871c33);place-items:center;font-size:62px;display:grid}body.jawi-page-learn-kuiz-harian .question h2{color:#073c8e;margin:0;font-size:21px;font-weight:1000}body.jawi-page-learn-kuiz-harian .question p{color:#6680a5;margin:6px 0 0;font-size:12px;font-weight:800}body.jawi-page-learn-kuiz-harian .letter-zone{grid-template-columns:90px minmax(0,1fr) 90px;align-items:end;gap:8px;margin:10px 0 12px;display:grid}body.jawi-page-learn-kuiz-harian .kid{place-items:center;font-size:66px;line-height:1;display:grid}body.jawi-page-learn-kuiz-harian .letter-box{color:#090a1f;background:#fff;border:3px solid #d7ecff;border-radius:25px;place-items:center;height:125px;font-size:82px;font-weight:1000;display:grid;box-shadow:inset 0 -5px #2497e20d}body.jawi-page-learn-kuiz-harian .answers{grid-template-columns:1fr 1fr;gap:10px;display:grid}body.jawi-page-learn-kuiz-harian .answer{color:#083b86;background:#fff;border:2px solid #c8e9fb;border-radius:16px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-height:53px;padding:0 14px;font-size:24px;font-weight:1000;display:grid;box-shadow:0 7px 14px #298dd51c}body.jawi-page-learn-kuiz-harian .answer span:first-child{color:#69bce9;background:#e5f6ff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;display:grid}body.jawi-page-learn-kuiz-harian .answer.correct{color:#168226;background:#efffec;border-color:#5fd65e}body.jawi-page-learn-kuiz-harian .answer.correct span:first-child{color:#fff;background:#55d257}body.jawi-page-learn-kuiz-harian .answer.wrong{color:#d92d55;background:#fff0f4;border-color:#ff8aa2}body.jawi-page-learn-kuiz-harian .answer.wrong span:first-child{color:#fff;background:#ff5d7e}body.jawi-page-learn-kuiz-harian .feedback{color:#2b812d;background:linear-gradient(#f2ffe8,#e1ffd5);border:2px solid #b9ed91;border-radius:16px;grid-template-columns:54px minmax(0,1fr) 42px;align-items:center;gap:10px;min-height:62px;margin-top:13px;padding:9px 12px;font-weight:900;display:grid}body.jawi-page-learn-kuiz-harian .feedback strong{color:#198420;font-size:18px;display:block}body.jawi-page-learn-kuiz-harian .feedback small{color:#37733b;font-size:12px;display:block}body.jawi-page-learn-kuiz-harian .next{z-index:1;color:#fff;cursor:pointer;background:linear-gradient(#36bafa,#128fe0);border:0;border-radius:20px;width:100%;min-height:58px;font-size:20px;font-weight:1000;position:relative;box-shadow:inset 0 -5px #06579e40,0 10px 16px #148fdb38}body.jawi-page-learn-kuiz-harian .next:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.6}@media (width>=760px){body.jawi-page-learn-kuiz-harian{background-size:100% 100%}body.jawi-page-learn-kuiz-harian .page{justify-content:space-evenly;gap:clamp(12px,1.6svh,20px);width:clamp(560px,42vw,650px);min-width:0;padding:clamp(22px,3svh,48px) 18px}body.jawi-page-learn-kuiz-harian .topbar{grid-template-columns:52px minmax(0,1fr) 52px;gap:14px}body.jawi-page-learn-kuiz-harian .back{min-height:48px}body.jawi-page-learn-kuiz-harian .title h1{font-size:clamp(38px,3.8svh,54px)}body.jawi-page-learn-kuiz-harian .title p{font-size:clamp(14px,1.35svh,18px)}body.jawi-page-learn-kuiz-harian .progress-row{margin:0}body.jawi-page-learn-kuiz-harian .progress-card{min-height:clamp(42px,4.8svh,52px)}body.jawi-page-learn-kuiz-harian .quiz-card{border-radius:28px;padding:clamp(20px,2.4svh,32px)}body.jawi-page-learn-kuiz-harian .quiz-head{grid-template-columns:clamp(96px,8svh,132px) minmax(0,1fr)}body.jawi-page-learn-kuiz-harian .trophy{font-size:clamp(78px,8svh,110px)}body.jawi-page-learn-kuiz-harian .question h2{font-size:clamp(27px,2.8svh,38px)}body.jawi-page-learn-kuiz-harian .question p{font-size:clamp(14px,1.35svh,18px)}body.jawi-page-learn-kuiz-harian .letter-zone{grid-template-columns:clamp(108px,9svh,140px) minmax(0,1fr) clamp(108px,9svh,140px);margin:clamp(12px,1.8svh,24px) 0}body.jawi-page-learn-kuiz-harian .kid{font-size:clamp(82px,8.2svh,112px)}body.jawi-page-learn-kuiz-harian .letter-box{height:clamp(150px,15.5svh,190px);font-size:clamp(96px,10svh,128px)}body.jawi-page-learn-kuiz-harian .answers{gap:clamp(10px,1.2svh,14px)}body.jawi-page-learn-kuiz-harian .answer{min-height:clamp(62px,6svh,78px);font-size:clamp(29px,2.8svh,38px)}body.jawi-page-learn-kuiz-harian .feedback{min-height:clamp(72px,7svh,92px);margin-top:clamp(14px,1.8svh,22px)}body.jawi-page-learn-kuiz-harian .next{min-height:clamp(66px,6.5svh,84px);font-size:clamp(24px,2.4svh,32px)}}@media (width>=760px) and (height<=850px){body.jawi-page-learn-kuiz-harian .page{transform-origin:50%;transform:scale(.9)}}@media (width>=760px) and (height>=1100px){body.jawi-page-learn-kuiz-harian .page{width:min(620px,50vw);min-width:560px}}@media (width<=420px){body.jawi-page-learn-kuiz-harian .page{padding-inline:8px}body.jawi-page-learn-kuiz-harian .title h1{font-size:26px}body.jawi-page-learn-kuiz-harian .letter-zone{grid-template-columns:72px minmax(0,1fr) 72px}body.jawi-page-learn-kuiz-harian .kid{font-size:52px}body.jawi-page-learn-kuiz-harian .letter-box{height:108px;font-size:70px}body.jawi-page-learn-kuiz-harian .answer{min-height:48px;font-size:21px}}@media (width<=759px){body.jawi-page-learn-kuiz-harian{background-size:100% 100%;overflow-y:auto}body.jawi-page-learn-kuiz-harian .page{height:auto;min-height:100svh;padding-top:max(14px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));justify-content:flex-start;overflow:visible}}body.jawi-page-learn-padanan-rumi-jawi *{box-sizing:border-box}body.jawi-page-learn-padanan-rumi-jawi{color:#35206f;background-color:#f4e9ff;background-image:url(/images/learn/padanan-bg.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;min-height:100svh;margin:0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;overflow:hidden}body.jawi-page-learn-padanan-rumi-jawi .page{flex-direction:column;justify-content:center;gap:10px;width:min(430px,100%);height:100svh;min-height:100svh;margin:0 auto;padding:16px 14px 18px;display:flex;position:relative;overflow:hidden}body.jawi-page-learn-padanan-rumi-jawi .page:before,body.jawi-page-learn-padanan-rumi-jawi .page:after{content:"✦";color:#fff;text-shadow:0 4px #a672f22e;font-size:32px;position:absolute}body.jawi-page-learn-padanan-rumi-jawi .page:before{top:160px;left:12px}body.jawi-page-learn-padanan-rumi-jawi .page:after{top:338px;right:9px}body.jawi-page-learn-padanan-rumi-jawi .topbar{z-index:1;grid-template-columns:48px minmax(0,1fr) 72px;align-items:center;gap:10px;display:grid;position:relative}body.jawi-page-learn-padanan-rumi-jawi .back,body.jawi-page-learn-padanan-rumi-jawi .score{color:#7c45d8;background:#ffffffeb;border:2px solid #eadbff;border-radius:999px;min-height:42px;font-weight:1000;text-decoration:none;box-shadow:0 8px 16px #7248c929}body.jawi-page-learn-padanan-rumi-jawi .back{place-items:center;font-size:27px;display:grid}body.jawi-page-learn-padanan-rumi-jawi .score{justify-content:center;align-items:center;gap:5px;font-size:15px;display:flex}body.jawi-page-learn-padanan-rumi-jawi .title{text-align:center}body.jawi-page-learn-padanan-rumi-jawi .title h1{color:#351879;text-shadow:0 3px #fff,0 6px #774dce24;margin:0;font-size:24px;font-weight:1000;line-height:1}body.jawi-page-learn-padanan-rumi-jawi .title p{color:#8674ab;margin:8px 0 0;font-size:12px;font-weight:800}body.jawi-page-learn-padanan-rumi-jawi .progress{color:#9a84bd;background:#ffffffd1;border:2px solid #ecdfff;border-radius:15px;grid-template-columns:72px minmax(0,1fr) 40px;align-items:center;gap:10px;min-height:36px;margin:0 12px;padding:8px 13px;font-size:11px;font-weight:900;display:grid;box-shadow:0 8px 16px #7e59ca14}body.jawi-page-learn-padanan-rumi-jawi .bar{background:#eadbff;border-radius:999px;height:8px;overflow:hidden}body.jawi-page-learn-padanan-rumi-jawi .bar span{border-radius:inherit;background:linear-gradient(90deg,#9b66ee,#cb8dff);width:50%;height:100%;display:block}body.jawi-page-learn-padanan-rumi-jawi .panel{background:#ffffffb8;border:2px solid #eadcff;border-radius:21px;margin:0 8px 14px;padding:12px 13px 15px;box-shadow:0 8px 18px #714dbe12,inset 0 0 0 1px #fffc}body.jawi-page-learn-padanan-rumi-jawi .panel h2{color:#35aa45;align-items:center;gap:5px;margin:0 0 9px;font-size:12px;font-weight:1000;display:flex}body.jawi-page-learn-padanan-rumi-jawi .panel.jawi h2{color:#7e4be1}body.jawi-page-learn-padanan-rumi-jawi .panel-icon{color:#fff;border-radius:4px;place-items:center;width:14px;height:14px;font-size:10px;line-height:1;display:inline-grid}body.jawi-page-learn-padanan-rumi-jawi .panel-icon.green-icon{background:linear-gradient(#7fe36a,#3bc944)}body.jawi-page-learn-padanan-rumi-jawi .panel-icon.purple-icon{background:linear-gradient(#a47aff,#7448da)}body.jawi-page-learn-padanan-rumi-jawi .choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}body.jawi-page-learn-padanan-rumi-jawi .choices.short-round{grid-template-columns:repeat(2,minmax(132px,1fr));max-width:320px}body.jawi-page-learn-padanan-rumi-jawi .choice{cursor:pointer;text-align:center;border:2px dashed;border-radius:15px;place-items:center;min-height:70px;padding:0 6px;font-size:34px;font-weight:1000;line-height:1;transition:transform .16s,box-shadow .16s,filter .16s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -5px #0000000b,inset 0 0 0 3px #ffffff5c,0 8px 13px #6e4db91c}body.jawi-page-learn-padanan-rumi-jawi .choice.long-rumi{font-size:clamp(22px,7.4vw,30px)}body.jawi-page-learn-padanan-rumi-jawi .short-round .choice{min-height:84px;padding-inline:10px;font-size:38px}body.jawi-page-learn-padanan-rumi-jawi .short-round .choice.long-rumi{font-size:clamp(27px,7.6vw,34px)}body.jawi-page-learn-padanan-rumi-jawi .choice:hover,body.jawi-page-learn-padanan-rumi-jawi .choice.selected{transform:translateY(-3px);box-shadow:inset 0 -5px #0000000b,inset 0 0 0 3px #ffffff5c,0 11px 16px #6e4db92e,0 0 0 4px #a476ff2e}body.jawi-page-learn-padanan-rumi-jawi .choice.matched{filter:saturate(1.08)}body.jawi-page-learn-padanan-rumi-jawi .choice.correct{box-shadow:inset 0 -5px #0000000b,inset 0 0 0 3px #ffffff5c,0 10px 15px #43b8532e,0 0 0 4px #43db5b38}body.jawi-page-learn-padanan-rumi-jawi .choice.wrong{box-shadow:inset 0 -5px #0000000b,inset 0 0 0 3px #ffffff5c,0 10px 15px #ff527429,0 0 0 4px #ff527433}body.jawi-page-learn-padanan-rumi-jawi .choice:after{content:"";background:#d7c2ff;border:2px solid #bf9fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #764cd224}body.jawi-page-learn-padanan-rumi-jawi .jawi .choice:after{top:-14px;bottom:auto}body.jawi-page-learn-padanan-rumi-jawi .green{color:#25bd3e;background:#dcffd9;border-color:#96e995}body.jawi-page-learn-padanan-rumi-jawi .blue{color:#13a7e7;background:#dff5ff;border-color:#9df}body.jawi-page-learn-padanan-rumi-jawi .pink{color:#ff4c74;background:#ffe2e8;border-color:#ffb5c4}body.jawi-page-learn-padanan-rumi-jawi .yellow{color:#f0a311;background:#fff2bf;border-color:#ffd66b}body.jawi-page-learn-padanan-rumi-jawi .purple{color:#784bde;background:#f0e5ff;border-color:#cba9ff}body.jawi-page-learn-padanan-rumi-jawi .match-area{margin:0 0 2px;position:relative}body.jawi-page-learn-padanan-rumi-jawi .match-lines{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}body.jawi-page-learn-padanan-rumi-jawi .match-lines line{stroke:#9b63ef;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 4px 4px #7c4cdd38)}body.jawi-page-learn-padanan-rumi-jawi .match-lines line.correct{stroke:#45c85a}body.jawi-page-learn-padanan-rumi-jawi .match-lines line.wrong{stroke:#ff6383}body.jawi-page-learn-padanan-rumi-jawi .info{color:#624e87;background:#ffffffdb;border:2px solid #eadcff;border-radius:18px;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:10px;margin:14px 8px 12px;padding:10px 12px;font-size:11px;font-weight:800;display:grid}body.jawi-page-learn-padanan-rumi-jawi .info strong{color:#4e3488;margin-bottom:3px;font-size:12px;display:block}body.jawi-page-learn-padanan-rumi-jawi .action-row{grid-template-columns:1fr 1fr;gap:12px;margin:0 8px 14px;display:grid}body.jawi-page-learn-padanan-rumi-jawi .small-btn,body.jawi-page-learn-padanan-rumi-jawi .next{color:#7c4cdd;cursor:pointer;background:#fff;border:0;border-radius:16px;min-height:48px;font-size:14px;font-weight:1000;box-shadow:0 7px 15px #6541b329,inset 0 0 0 2px #eadcff}body.jawi-page-learn-padanan-rumi-jawi .next{color:#fff;background:linear-gradient(#b875ff,#914ce8);border-radius:19px;width:calc(100% - 16px);min-height:58px;margin:0 8px;font-size:19px;box-shadow:inset 0 -5px #5323a040,0 10px 18px #7e46da38}body.jawi-page-learn-padanan-rumi-jawi .next:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.12)}@media (width>=760px){body.jawi-page-learn-padanan-rumi-jawi .page{justify-content:space-evenly;gap:clamp(10px,1.4svh,18px);width:clamp(610px,44vw,720px);min-width:0;padding:clamp(22px,2.8svh,42px) 20px;overflow:hidden}body.jawi-page-learn-padanan-rumi-jawi .topbar{grid-template-columns:58px minmax(0,1fr) 96px;gap:16px}body.jawi-page-learn-padanan-rumi-jawi .back,body.jawi-page-learn-padanan-rumi-jawi .score{min-height:clamp(46px,4.5svh,58px)}body.jawi-page-learn-padanan-rumi-jawi .title h1{font-size:clamp(34px,3.35svh,48px)}body.jawi-page-learn-padanan-rumi-jawi .title p{font-size:clamp(13px,1.25svh,17px)}body.jawi-page-learn-padanan-rumi-jawi .progress{grid-template-columns:88px minmax(0,1fr) 50px;min-height:clamp(40px,4.2svh,52px);margin:0 8px;padding:10px 18px;font-size:clamp(12px,1.1svh,15px)}body.jawi-page-learn-padanan-rumi-jawi .panel{border-radius:24px;margin:0;padding:clamp(13px,1.5svh,20px) 20px clamp(16px,1.7svh,22px)}body.jawi-page-learn-padanan-rumi-jawi .panel h2{margin-bottom:clamp(12px,1.3svh,18px);font-size:clamp(14px,1.25svh,17px)}body.jawi-page-learn-padanan-rumi-jawi .choices{gap:clamp(20px,2vw,30px)}body.jawi-page-learn-padanan-rumi-jawi .choices.short-round{grid-template-columns:repeat(2,minmax(150px,1fr));max-width:380px}body.jawi-page-learn-padanan-rumi-jawi .choice{border-radius:17px;min-height:clamp(84px,8.2svh,108px);font-size:clamp(42px,4.2svh,58px)}body.jawi-page-learn-padanan-rumi-jawi .choice.long-rumi{font-size:clamp(32px,3.1svh,43px)}body.jawi-page-learn-padanan-rumi-jawi .short-round .choice{min-height:clamp(100px,9.5svh,122px)}body.jawi-page-learn-padanan-rumi-jawi .info{margin:0;padding:clamp(12px,1.4svh,18px) 18px;font-size:clamp(12px,1.15svh,15px)}body.jawi-page-learn-padanan-rumi-jawi .action-row{gap:16px;margin:0}body.jawi-page-learn-padanan-rumi-jawi .small-btn{min-height:clamp(50px,5svh,64px);font-size:clamp(15px,1.45svh,19px)}body.jawi-page-learn-padanan-rumi-jawi .next{width:100%;min-height:clamp(62px,6svh,78px);margin:0;font-size:clamp(22px,2.1svh,29px)}}@media (width>=760px) and (height<=900px){body.jawi-page-learn-padanan-rumi-jawi .page{transform-origin:50%;transform:scale(.92)}}@media (width<=430px){body.jawi-page-learn-padanan-rumi-jawi .page{padding-inline:10px}body.jawi-page-learn-padanan-rumi-jawi .title h1{font-size:21px}body.jawi-page-learn-padanan-rumi-jawi .choices{gap:9px}body.jawi-page-learn-padanan-rumi-jawi .choice{min-height:66px;font-size:30px}body.jawi-page-learn-padanan-rumi-jawi .choice.long-rumi{font-size:clamp(22px,7.3vw,28px)}body.jawi-page-learn-padanan-rumi-jawi .choices.short-round{grid-template-columns:repeat(2,minmax(120px,1fr));max-width:290px}body.jawi-page-learn-padanan-rumi-jawi .short-round .choice{min-height:78px;font-size:34px}body.jawi-page-learn-padanan-rumi-jawi .short-round .choice.long-rumi{font-size:clamp(25px,7.2vw,31px)}body.jawi-page-learn-padanan-rumi-jawi .small-btn{font-size:13px}}@media (width<=760px){body.jawi-page-learn-padanan-rumi-jawi{background-size:100% 100%;overflow-y:auto}body.jawi-page-learn-padanan-rumi-jawi .page{height:auto;min-height:100svh;padding-top:max(14px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));justify-content:flex-start;overflow:visible}}body.jawi-page-learn-perkataan-jawi-darjah3 *{box-sizing:border-box}html body.jawi-page-learn-perkataan-jawi-darjah3{color:#11223f;background:#bdefff url(/images/learn/sukukata-bg.png) bottom/cover no-repeat fixed;place-items:center;min-height:100svh;margin:0;padding:8px;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;display:grid;overflow-x:hidden}body.jawi-page-learn-perkataan-jawi-darjah3 .lesson{width:min(608px,100%);min-height:0}body.jawi-page-learn-perkataan-jawi-darjah3 .section{background:#ffffffed;border:1px solid #77c9db8c;box-shadow:0 8px 18px #2f806c1f}body.jawi-page-learn-perkataan-jawi-darjah3 .hero{border-radius:20px;position:relative;overflow:hidden;container-type:inline-size}body.jawi-page-learn-perkataan-jawi-darjah3 .hero-image{width:100%;height:auto;display:block}body.jawi-page-learn-perkataan-jawi-darjah3 .hero-page{color:#59768c;margin:0;font-size:2cqw;font-weight:600;line-height:1.2;position:absolute;top:68%;left:5.4%}body.jawi-page-learn-perkataan-jawi-darjah3 .progress{width:20.7%;height:6.6%;position:absolute;top:82.3%;left:17.9%}body.jawi-page-learn-perkataan-jawi-darjah3 .bar{background:#dfe9e0;border:2px solid #fff;border-radius:999px;height:100%;display:block;overflow:hidden}body.jawi-page-learn-perkataan-jawi-darjah3 .bar span{border-radius:inherit;background:#b4dfa0;width:0%;height:100%;transition:width .2s;display:block}body.jawi-page-learn-perkataan-jawi-darjah3 .section-title{color:#108330;align-items:center;gap:6px;margin:7px 0 5px;font-size:14px;font-weight:900;display:flex}body.jawi-page-learn-perkataan-jawi-darjah3 .title-action{color:#208b32;background:#fff;border:1px solid #d8efcc;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:9px;font-weight:900;text-decoration:none}body.jawi-page-learn-perkataan-jawi-darjah3 .word-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}body.jawi-page-learn-perkataan-jawi-darjah3 .word-card{text-align:center;background:linear-gradient(#fff,#fffdf5);border:1px solid #d8ecca;border-radius:9px;min-height:146px;padding:10px 6px;position:relative;box-shadow:0 5px 10px #2f7c361a}body.jawi-page-learn-perkataan-jawi-darjah3 .word-card.pink{background:linear-gradient(#fff7fb,#fff);border-color:#ffc4d7}body.jawi-page-learn-perkataan-jawi-darjah3 .word-card.blue{background:linear-gradient(#f3fbff,#fff);border-color:#c7e6ff}body.jawi-page-learn-perkataan-jawi-darjah3 .word-card.purple{background:linear-gradient(#f7f0ff,#fff);border-color:#e1d2ff}body.jawi-page-learn-perkataan-jawi-darjah3 .pic{place-items:center;height:68px;margin-bottom:5px;display:grid}body.jawi-page-learn-perkataan-jawi-darjah3 .pic img{-o-object-fit:contain;object-fit:contain;width:62px;height:62px;display:block}body.jawi-page-learn-perkataan-jawi-darjah3 .pic.school img{width:72px;height:72px;margin-top:-4px}body.jawi-page-learn-perkataan-jawi-darjah3 .pic.family img{width:67px;height:67px}body.jawi-page-learn-perkataan-jawi-darjah3 .pic.friend img{width:69px;height:69px;margin-top:-3px}body.jawi-page-learn-perkataan-jawi-darjah3 .pic.flag img{width:72px;height:72px;margin-top:-3px}body.jawi-page-learn-perkataan-jawi-darjah3 .pic.chair img{width:64px;height:64px}body.jawi-page-learn-perkataan-jawi-darjah3 .word-label{color:#263247;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:11px;height:21px;font-size:8px;font-weight:800;display:flex;box-shadow:inset 0 0 0 1px #e2f1ff}body.jawi-page-learn-perkataan-jawi-darjah3 .friend-card .jawi{font-size:22px}body.jawi-page-learn-perkataan-jawi-darjah3 .friends-pic{width:66px;height:56px;margin:0 auto;position:relative}body.jawi-page-learn-perkataan-jawi-darjah3 .friends-pic:before,body.jawi-page-learn-perkataan-jawi-darjah3 .friends-pic:after{content:"";background:radial-gradient(circle at 7px 11px,#1b2538 0 1.4px,#0000 1.6px),radial-gradient(circle at 14px 11px,#1b2538 0 1.4px,#0000 1.6px),radial-gradient(circle at 11px 15px,#dc6953 0 1.8px,#0000 2px),#ffd47b;border-radius:50% 50% 45% 45%;width:21px;height:21px;position:absolute;top:7px;box-shadow:0 -5px 0 -1px #26334a,0 20px 0 6px #ffad4f,0 38px 0 -5px #f28e32}body.jawi-page-learn-perkataan-jawi-darjah3 .friends-pic:before{left:6px;transform:rotate(-5deg)}body.jawi-page-learn-perkataan-jawi-darjah3 .friends-pic:after{right:8px;transform:rotate(5deg);box-shadow:0 -5px 0 -1px #6d4a2f,0 20px 0 6px #24a6b8,0 38px 0 -5px #16869a}body.jawi-page-learn-perkataan-jawi-darjah3 .friend-arm{border-top:4px solid #ffbd6d;border-right:4px solid #ffbd6d;border-radius:0 10px 0 0;width:18px;height:16px;position:absolute;top:18px;right:0;transform:rotate(-28deg)}body.jawi-page-learn-perkataan-jawi-darjah3 .friend-arm:after{content:"";background:#ffd47b;border-radius:999px;width:7px;height:7px;position:absolute;top:-8px;right:-6px}body.jawi-page-learn-perkataan-jawi-darjah3 .friends-pic.small{margin-bottom:0;transform:scale(.78)}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card .friends-pic.small{margin-left:-31px;position:absolute;top:9px;left:50%}body.jawi-page-learn-perkataan-jawi-darjah3 .jawi{color:#160b33;direction:rtl;unicode-bidi:isolate;margin:0 0 7px;font-family:Traditional Arabic,Arabic Typesetting,Times New Roman,serif;font-size:24px;font-weight:700;line-height:1.05;display:block}body.jawi-page-learn-perkataan-jawi-darjah3 .roman,body.jawi-page-learn-perkataan-jawi-darjah3 .meaning{color:#1a2440;font-size:9px;font-weight:800;line-height:1.15}body.jawi-page-learn-perkataan-jawi-darjah3 .match-panel{background:#fffffff2;border-radius:10px;margin-top:9px;padding:8px 10px 11px}body.jawi-page-learn-perkataan-jawi-darjah3 .match-panel .section-title{margin:0}body.jawi-page-learn-perkataan-jawi-darjah3 .match-help{color:#375048;margin:2px 0 7px;font-size:9px;font-weight:700}body.jawi-page-learn-perkataan-jawi-darjah3 .match-board{grid-template-columns:138px repeat(5,1fr);align-items:stretch;gap:8px;display:grid}body.jawi-page-learn-perkataan-jawi-darjah3 .word-bank{grid-template-columns:repeat(2,1fr);align-content:start;gap:6px 7px;display:grid}body.jawi-page-learn-perkataan-jawi-darjah3 .bank-word,body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card{color:#160b33;border-radius:6px;place-items:center;font-weight:900;display:grid}body.jawi-page-learn-perkataan-jawi-darjah3 .bank-word{cursor:grab;-webkit-user-select:none;user-select:none;direction:rtl;unicode-bidi:isolate;background:#f6fff0;border:1px solid #a9dda0;min-height:30px;font-family:Traditional Arabic,Arabic Typesetting,Times New Roman,serif;font-size:17px;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s,opacity .15s}body.jawi-page-learn-perkataan-jawi-darjah3 .bank-word:active{cursor:grabbing}body.jawi-page-learn-perkataan-jawi-darjah3 .bank-word.is-selected{background:#f2ebff;border-color:#6f42e8;box-shadow:0 0 0 2px #6f42e829}body.jawi-page-learn-perkataan-jawi-darjah3 .bank-word.is-used{opacity:.35;cursor:default;pointer-events:none}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card{background:#ffffffdb;border-style:dashed;border-color:#d7d7d7;min-height:78px;padding:7px 6px 18px;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.is-hover{background:#f6f0ff;border-color:#8a54e8;box-shadow:inset 0 0 0 2px #8a54e829}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.is-correct{background:#effff1;border-style:solid;border-color:#2fc057}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.is-wrong{background:#fff1f6;border-style:solid;border-color:#ff6f97}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-answer{color:#160b33;direction:rtl;unicode-bidi:isolate;background:#ffffffe6;border:1px solid;border-radius:6px;place-items:center;min-width:34px;min-height:20px;font-family:Traditional Arabic,Arabic Typesetting,Times New Roman,serif;font-size:14px;font-weight:700;display:grid;position:absolute;top:4px;right:5px}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.is-correct .drop-answer{color:#087f23;border-color:#83d78f}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.is-wrong .drop-answer{color:#b91c47;border-color:#ff9ab7}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card img{-o-object-fit:contain;object-fit:contain;width:48px;height:48px;display:block}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.flag img{width:58px;height:58px}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.school img,body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.family img{width:52px;height:52px}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.friend img{width:55px;height:55px}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card .place-label{color:#53625d;text-align:center;font-size:7px;font-weight:800;position:absolute;bottom:5px;left:4px;right:4px}body.jawi-page-learn-perkataan-jawi-darjah3 .bottom-nav{grid-template-columns:1fr 120px;align-items:center;gap:25px;margin-top:10px;display:grid}body.jawi-page-learn-perkataan-jawi-darjah3 .top-actions{justify-content:flex-start;margin-bottom:10px;display:flex}body.jawi-page-learn-perkataan-jawi-darjah3 .nav-btn,body.jawi-page-learn-perkataan-jawi-darjah3 .primary{border:0;border-radius:999px;place-items:center;height:32px;font-size:12px;font-weight:900;text-decoration:none;display:grid;box-shadow:0 5px 10px #1d802e33,inset 0 -2px #0000001f}body.jawi-page-learn-perkataan-jawi-darjah3 .nav-btn{color:#168638;background:#fff;border:1px solid #9fd796}body.jawi-page-learn-perkataan-jawi-darjah3 .nav-btn.icon-only{width:52px;padding:0;font-size:18px}body.jawi-page-learn-perkataan-jawi-darjah3 .primary{color:#fff;background:linear-gradient(#3abf35,#188e27);font-size:14px}@media (width<=640px){body.jawi-page-learn-perkataan-jawi-darjah3{background-position:bottom;background-size:cover;min-height:100svh;padding:8px;display:grid;overflow-y:auto}body.jawi-page-learn-perkataan-jawi-darjah3 .lesson{width:100%;overflow-x:hidden}body.jawi-page-learn-perkataan-jawi-darjah3 .section-title{margin:10px 0 7px;padding-inline:2px}body.jawi-page-learn-perkataan-jawi-darjah3 .word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body.jawi-page-learn-perkataan-jawi-darjah3 .word-card{min-height:104px;padding:7px 5px}body.jawi-page-learn-perkataan-jawi-darjah3 .word-card:last-child{grid-column:1/-1;justify-self:center;width:min(50%,170px)}body.jawi-page-learn-perkataan-jawi-darjah3 .pic{height:46px;margin-bottom:3px}body.jawi-page-learn-perkataan-jawi-darjah3 .pic img,body.jawi-page-learn-perkataan-jawi-darjah3 .pic.school img,body.jawi-page-learn-perkataan-jawi-darjah3 .pic.family img,body.jawi-page-learn-perkataan-jawi-darjah3 .pic.friend img,body.jawi-page-learn-perkataan-jawi-darjah3 .pic.flag img,body.jawi-page-learn-perkataan-jawi-darjah3 .pic.chair img{width:44px;height:44px;margin-top:0}body.jawi-page-learn-perkataan-jawi-darjah3 .jawi{margin-bottom:5px;font-size:22px}body.jawi-page-learn-perkataan-jawi-darjah3 .match-board{grid-template-rows:repeat(5,auto);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px 18px}body.jawi-page-learn-perkataan-jawi-darjah3 .word-bank{display:contents}body.jawi-page-learn-perkataan-jawi-darjah3 .bank-word{grid-column:1;justify-self:center;width:fit-content;min-width:88px;max-width:100%;min-height:34px;padding-inline:16px;font-size:18px}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card{grid-column:2;justify-self:center;width:fit-content;min-width:88px;max-width:100%;min-height:54px;padding:6px 12px 16px}body.jawi-page-learn-perkataan-jawi-darjah3 .bank-word:first-child,body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card:nth-of-type(2){grid-row:1}body.jawi-page-learn-perkataan-jawi-darjah3 .bank-word:nth-child(2),body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card:nth-of-type(3){grid-row:2}body.jawi-page-learn-perkataan-jawi-darjah3 .bank-word:nth-child(3),body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card:nth-of-type(4){grid-row:3}body.jawi-page-learn-perkataan-jawi-darjah3 .bank-word:nth-child(4),body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card:nth-of-type(5){grid-row:4}body.jawi-page-learn-perkataan-jawi-darjah3 .bank-word:nth-child(5),body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card:nth-of-type(6){grid-row:5}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card img,body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.flag img,body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.school img,body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.family img,body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card.friend img{width:34px;height:34px}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-card .place-label{font-size:7px;bottom:3px}body.jawi-page-learn-perkataan-jawi-darjah3 .drop-answer{min-width:30px;min-height:18px;font-size:13px;top:3px;right:4px}body.jawi-page-learn-perkataan-jawi-darjah3 .bottom-nav{grid-template-columns:1fr;gap:8px}}body.jawi-page-learn-perkataan-jawi *{box-sizing:border-box}body.jawi-page-learn-perkataan-jawi{color:#123f1f;background:#e9f8ff url(/images/learn/sukukata-bg.png) bottom/cover no-repeat fixed;place-items:center;min-height:100svh;margin:0;padding:18px 0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;display:grid;overflow-x:hidden}body.jawi-page-learn-perkataan-jawi .lesson{width:min(844px,100% - 40px);margin:0 auto}body.jawi-page-learn-perkataan-jawi .lesson-inner{zoom:1.35;width:625px;margin:0 auto}body.jawi-page-learn-perkataan-jawi .top-nav{justify-content:flex-start;margin-bottom:8px;display:flex}body.jawi-page-learn-perkataan-jawi .hero{border-radius:20px;position:relative;overflow:hidden;container-type:inline-size}body.jawi-page-learn-perkataan-jawi .hero-image{width:100%;height:auto;display:block}body.jawi-page-learn-perkataan-jawi .hero-page{color:#163f5e;margin:0;font-size:2.3cqw;font-weight:900;line-height:1.2;position:absolute;top:44%;left:3.7%}body.jawi-page-learn-perkataan-jawi .progress{width:30%;height:6.5%;position:absolute;top:83.4%;left:20%}body.jawi-page-learn-perkataan-jawi .bar{background:linear-gradient(#f7fff6,#dcefdc);border:1.5px solid #80d892;border-radius:999px;height:100%;padding:2px;display:block;overflow:hidden;box-shadow:0 0 0 2px #fff,inset 0 1px 2px #fff}body.jawi-page-learn-perkataan-jawi .bar span{border-radius:inherit;background:linear-gradient(90deg,#2fb536,#62cf43);width:0%;height:100%;transition:width .2s;display:block}body.jawi-page-learn-perkataan-jawi .section-title{color:#198638;align-items:center;gap:5px;margin:8px 0 6px;font-size:12px;font-weight:900;display:flex}body.jawi-page-learn-perkataan-jawi .word-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}body.jawi-page-learn-perkataan-jawi .word-card{text-align:center;background:linear-gradient(#fff,#fffdf5);border:1px solid #dcefcf;border-radius:10px;min-height:120px;padding:8px 5px;position:relative;box-shadow:0 5px 12px #2f7c361c}body.jawi-page-learn-perkataan-jawi .word-card.pink{background:linear-gradient(#fff7fb,#fff);border-color:#ffc4d7}body.jawi-page-learn-perkataan-jawi .word-card.blue{background:linear-gradient(#f3fbff,#fff);border-color:#c7e6ff}body.jawi-page-learn-perkataan-jawi .word-card.purple{background:linear-gradient(#f7f0ff,#fff);border-color:#e1d2ff}body.jawi-page-learn-perkataan-jawi .word-card.green{background:linear-gradient(#f8fff2,#fff);border-color:#d7efca}body.jawi-page-learn-perkataan-jawi .pic{place-items:center;width:50px;height:50px;margin:0 auto 3px;font-size:38px;display:grid}body.jawi-page-learn-perkataan-jawi .jawi-word{color:#160b33;direction:rtl;font-size:23px;font-weight:900;line-height:1;display:block}body.jawi-page-learn-perkataan-jawi .roman{color:#11183f;font-size:10px;font-weight:800}body.jawi-page-learn-perkataan-jawi .read-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}body.jawi-page-learn-perkataan-jawi .read-card{text-align:center;background:linear-gradient(#fffef8,#fff);border:1px solid #d6ecce;border-radius:8px;min-height:72px;padding:5px;position:relative}body.jawi-page-learn-perkataan-jawi .read-card:nth-child(2){background:#fff7f9;border-color:#ffcbd7}body.jawi-page-learn-perkataan-jawi .read-card:nth-child(3){background:#f5fbff;border-color:#cde8ff}body.jawi-page-learn-perkataan-jawi .read-card:nth-child(4){background:#faf7ff;border-color:#e2d4ff}body.jawi-page-learn-perkataan-jawi .read-card .jawi-word{margin-bottom:7px;font-size:23px}body.jawi-page-learn-perkataan-jawi .actions{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}body.jawi-page-learn-perkataan-jawi .mini-btn{color:#158638;background:#fff;border:1px solid #d8e9d2;border-radius:6px;place-items:center;min-height:27px;font-size:7px;font-weight:900;display:grid}body.jawi-page-learn-perkataan-jawi .mini-btn.listen{color:#177de2;border-color:#bcdcff}body.jawi-page-learn-perkataan-jawi .mini-btn.repeat{color:#f08a10;border-color:#ffd9a9}body.jawi-page-learn-perkataan-jawi .match-grid{-moz-column-gap:9px;grid-template-rows:auto auto;grid-template-columns:repeat(5,1fr);gap:36px 9px;padding:0 0 4px;display:grid;position:relative}body.jawi-page-learn-perkataan-jawi .match-lines{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}body.jawi-page-learn-perkataan-jawi .match-lines line{stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 4px 4px #34ab4938)}body.jawi-page-learn-perkataan-jawi .drop{z-index:2;color:#160b33;cursor:pointer;direction:rtl;background:#ffffffb3;border:1px dashed #7fcc74;border-radius:7px;place-items:center;width:100%;height:28px;font-family:inherit;font-size:18px;font-weight:900;display:grid;position:relative}body.jawi-page-learn-perkataan-jawi .choice{z-index:2;cursor:pointer;background:#ffffffd1;border:1px dashed #bfaeff;border-radius:8px;place-items:center;width:100%;min-height:54px;font-family:inherit;font-size:32px;display:grid;position:relative}body.jawi-page-learn-perkataan-jawi .choice:before{content:none;background:#fff;border:1px solid #cfc8f7;border-radius:999px;width:13px;height:13px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}body.jawi-page-learn-perkataan-jawi .choice span{color:#25384e;font-size:8px;font-weight:800;position:absolute;bottom:4px}body.jawi-page-learn-perkataan-jawi .drop.is-selected,body.jawi-page-learn-perkataan-jawi .choice.is-selected{border-style:solid;border-color:#7c48de;box-shadow:0 0 0 3px #7d51e224}body.jawi-page-learn-perkataan-jawi .drop.is-correct,body.jawi-page-learn-perkataan-jawi .choice.is-correct{background:#efffeb;border-style:solid;border-color:#32bd45}body.jawi-page-learn-perkataan-jawi .drop.is-wrong,body.jawi-page-learn-perkataan-jawi .choice.is-wrong{background:#fff1f7;border-style:solid;border-color:#ff78a1}body.jawi-page-learn-perkataan-jawi .bottom-nav{grid-template-columns:1fr 120px;align-items:center;gap:28px;margin-top:10px;display:grid}body.jawi-page-learn-perkataan-jawi .nav-btn,body.jawi-page-learn-perkataan-jawi .primary{color:#fff;border:0;border-radius:999px;place-items:center;height:38px;font-size:12px;font-weight:900;text-decoration:none;display:grid;box-shadow:0 5px 10px #1d802e33,inset 0 -2px #0000001f}body.jawi-page-learn-perkataan-jawi .nav-btn.prev,body.jawi-page-learn-perkataan-jawi .nav-btn.next{background:linear-gradient(#39bf35,#188e27)}body.jawi-page-learn-perkataan-jawi .nav-btn.icon-only{width:54px;height:34px;font-size:20px}body.jawi-page-learn-perkataan-jawi .primary{background:linear-gradient(#39bf35,#188e27);font-size:14px}@media (width<=640px){body.jawi-page-learn-perkataan-jawi{background-position:bottom;background-size:cover;min-height:100svh;padding:0;display:block;overflow-y:auto}body.jawi-page-learn-perkataan-jawi .lesson{width:100%;overflow-x:hidden}body.jawi-page-learn-perkataan-jawi .lesson-inner{zoom:1;width:auto;padding:8px}body.jawi-page-learn-perkataan-jawi .section-title{margin:10px 0 7px;padding-inline:2px}body.jawi-page-learn-perkataan-jawi .word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body.jawi-page-learn-perkataan-jawi .word-card{min-height:94px;padding:7px 5px}body.jawi-page-learn-perkataan-jawi .word-card:last-child{grid-column:1/-1;justify-self:center;width:min(50%,170px)}body.jawi-page-learn-perkataan-jawi .pic{width:38px;height:38px;font-size:28px}body.jawi-page-learn-perkataan-jawi .jawi-word{font-size:21px}body.jawi-page-learn-perkataan-jawi .match-grid{grid-template-rows:repeat(5,auto);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px 18px;padding-bottom:2px}body.jawi-page-learn-perkataan-jawi .match-lines{display:none}body.jawi-page-learn-perkataan-jawi .drop,body.jawi-page-learn-perkataan-jawi .choice{justify-self:center;width:fit-content;min-width:78px;max-width:100%}body.jawi-page-learn-perkataan-jawi .drop{grid-column:1;height:34px;padding-inline:18px;font-size:18px}body.jawi-page-learn-perkataan-jawi .choice{grid-column:2;min-height:48px;padding:5px 14px 13px;font-size:22px}body.jawi-page-learn-perkataan-jawi .drop:first-of-type,body.jawi-page-learn-perkataan-jawi .choice:nth-of-type(6){grid-row:1}body.jawi-page-learn-perkataan-jawi .drop:nth-of-type(2),body.jawi-page-learn-perkataan-jawi .choice:nth-of-type(7){grid-row:2}body.jawi-page-learn-perkataan-jawi .drop:nth-of-type(3),body.jawi-page-learn-perkataan-jawi .choice:nth-of-type(8){grid-row:3}body.jawi-page-learn-perkataan-jawi .drop:nth-of-type(4),body.jawi-page-learn-perkataan-jawi .choice:nth-of-type(9){grid-row:4}body.jawi-page-learn-perkataan-jawi .drop:nth-of-type(5),body.jawi-page-learn-perkataan-jawi .choice:nth-of-type(10){grid-row:5}body.jawi-page-learn-perkataan-jawi .choice span{font-size:8px;bottom:3px}body.jawi-page-learn-perkataan-jawi .bottom-nav{grid-template-columns:1fr;gap:8px}}body.jawi-page-learn-perkataan-mudah *{box-sizing:border-box}body.jawi-page-learn-perkataan-mudah{color:#6b3a13;background-color:#fff4b6;background-image:url(/images/learn/perkataan-bg.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100svh;margin:0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}body.jawi-page-learn-perkataan-mudah .lesson{width:min(640px,100%);min-height:100svh;margin:0 auto;padding:14px 14px 0;position:relative;overflow:hidden}body.jawi-page-learn-perkataan-mudah .lesson:before,body.jawi-page-learn-perkataan-mudah .lesson:after{content:"";z-index:0;background:#7cc73a;border-radius:55% 55% 0 0;width:210px;height:150px;position:absolute;bottom:-46px}body.jawi-page-learn-perkataan-mudah .lesson:before{left:-58px;transform:rotate(7deg)}body.jawi-page-learn-perkataan-mudah .lesson:after{right:-68px;transform:rotate(-8deg)}body.jawi-page-learn-perkataan-mudah .lesson:before,body.jawi-page-learn-perkataan-mudah .lesson:after,body.jawi-page-learn-perkataan-mudah .sparkle{display:none}body.jawi-page-learn-perkataan-mudah .sparkle{color:#fffffff2;text-shadow:0 2px #e4b2232e;z-index:1;font-size:18px;font-weight:900;position:absolute}body.jawi-page-learn-perkataan-mudah .sparkle.one{top:18px;left:180px}body.jawi-page-learn-perkataan-mudah .sparkle.two{top:16px;right:74px}body.jawi-page-learn-perkataan-mudah .sparkle.three{top:366px;left:18px}body.jawi-page-learn-perkataan-mudah .sparkle.four{top:508px;right:22px}body.jawi-page-learn-perkataan-mudah .topbar{z-index:2;grid-template-columns:54px minmax(0,1fr) 54px;align-items:start;gap:10px;display:grid;position:relative}body.jawi-page-learn-perkataan-mudah .round-btn{color:#f19b16;background:#ffffffe6;border:5px solid #ffffffe0;border-radius:999px;place-items:center;width:54px;height:54px;font-size:36px;font-weight:900;line-height:1;text-decoration:none;display:grid;box-shadow:0 7px #d08b171f,0 10px 18px #9e691529}body.jawi-page-learn-perkataan-mudah .hero{place-items:center;min-height:86px;display:grid;position:relative}body.jawi-page-learn-perkataan-mudah .banner{text-align:center;background:linear-gradient(#fffefa 0%,#fff7dc 100%);border:3px solid #f0c34c;border-radius:17px;width:min(374px,100%);min-height:74px;padding:10px 34px 9px;position:relative;transform:rotate(-2deg);box-shadow:0 4px #e29b1b1f,0 8px 14px #b6730f1a}body.jawi-page-learn-perkataan-mudah .banner:after{content:"★";color:#ffd343;text-shadow:0 2px #ef9d0b;border-radius:999px;place-items:center;width:28px;height:28px;font-size:22px;line-height:1;display:grid;position:absolute;top:-12px;right:-2px;transform:rotate(17deg)}body.jawi-page-learn-perkataan-mudah .banner h1{color:#b95806;letter-spacing:0;text-shadow:0 2px #ffd154,0 4px #823c0021;margin:0;font-size:clamp(28px,5.8vw,35px);font-weight:900;line-height:.9}body.jawi-page-learn-perkataan-mudah .banner p{color:#6f665b;margin:7px 0 0;font-size:12px;font-weight:800}body.jawi-page-learn-perkataan-mudah .chick-large{-o-object-fit:contain;object-fit:contain;place-self:center;width:134px;max-width:100%;height:148px;display:block;transform:translateY(5px)}body.jawi-page-learn-perkataan-mudah .content-card{z-index:2;background:#ffffffc7;border:4px solid #ffd45c;border-radius:28px;margin-top:6px;padding:24px 26px 14px;position:relative;box-shadow:inset 0 0 0 4px #ffffffa8,0 7px #e09a1914,0 12px 22px #ae711c1f}body.jawi-page-learn-perkataan-mudah .word-stage{grid-template-columns:150px minmax(170px,1fr) 142px;align-items:center;gap:18px;min-height:176px;display:grid}body.jawi-page-learn-perkataan-mudah .word-card{color:#092252;direction:rtl;background:linear-gradient(#fffdfa 0%,#fffaf0 100%);border:2px solid #f3dba8;border-radius:18px;place-items:center;width:100%;height:146px;font-size:clamp(58px,10vw,82px);font-weight:900;line-height:1;display:grid;box-shadow:0 8px 13px #9a5e1321}body.jawi-page-learn-perkataan-mudah .word-actions{align-content:center;justify-items:center;gap:10px;display:grid}body.jawi-page-learn-perkataan-mudah .pill{color:#fff;background:linear-gradient(#ffac21,#f28d06);border:0;border-radius:999px;place-items:center;min-width:104px;min-height:34px;font-size:18px;font-weight:900;display:inline-grid;box-shadow:0 3px #d97a00,inset 0 -2px #a45b001f}body.jawi-page-learn-perkataan-mudah .rumi{color:#b8580c;background:#fff8e8;border-radius:16px;place-items:center;width:100%;min-width:0;min-height:64px;padding:6px 10px;font-size:28px;font-weight:900;display:grid;box-shadow:inset 0 0 0 2px #f3d9a6,0 4px 8px #9a5e1314}body.jawi-page-learn-perkataan-mudah .prompt{text-align:center;color:#6b645e;margin:4px 0 0;font-size:16px;font-weight:800}body.jawi-page-learn-perkataan-mudah .section{z-index:2;background:#ffffff9e;border:2px solid #f5d88b;border-radius:16px;margin-top:26px;padding:20px 12px 14px;position:relative}body.jawi-page-learn-perkataan-mudah .section-label{color:#fff;background:linear-gradient(#ffb21d,#f39304);border-radius:999px;min-width:170px;min-height:31px;padding:5px 16px;font-size:15px;font-weight:900;position:absolute;top:-16px;left:10px;box-shadow:0 4px #ab62001a}body.jawi-page-learn-perkataan-mudah .practice-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}body.jawi-page-learn-perkataan-mudah .practice-item{text-align:center;background:#ffffffb3;border:1px dashed #ecd49b;border-radius:14px;min-height:128px;padding:14px 10px}body.jawi-page-learn-perkataan-mudah .number{color:#fff;background:#ffa515;border-radius:999px;place-items:center;width:22px;height:22px;margin:0 auto 8px 0;font-size:12px;font-weight:900;display:grid}body.jawi-page-learn-perkataan-mudah .practice-item small{color:#6f6a67;min-height:24px;font-size:10px;font-weight:800;display:block}body.jawi-page-learn-perkataan-mudah .practice-word{color:#b8580c;margin-top:12px;font-size:30px;font-weight:900}body.jawi-page-learn-perkataan-mudah .tiny-options{grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin-top:8px;display:grid;position:relative}body.jawi-page-learn-perkataan-mudah .tiny-card,body.jawi-page-learn-perkataan-mudah .answer{color:#092252;background:#fffbf0;border:2px solid #f1ddb0;border-radius:10px;place-items:center;min-height:44px;font-size:24px;font-weight:900;display:grid}body.jawi-page-learn-perkataan-mudah .answer{color:#b8580c;font-size:18px}body.jawi-page-learn-perkataan-mudah .dot-row{color:#d48a00;grid-template-columns:1fr 1fr;justify-items:center;margin-top:8px;font-size:18px;line-height:1;display:grid}body.jawi-page-learn-perkataan-mudah .match-area{padding-bottom:30px}body.jawi-page-learn-perkataan-mudah .match-lines{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}body.jawi-page-learn-perkataan-mudah .match-line{stroke:#f39a08;stroke-width:4px;stroke-linecap:round}body.jawi-page-learn-perkataan-mudah .match-option{z-index:2;cursor:pointer;padding:0;font-family:inherit;position:relative}body.jawi-page-learn-perkataan-mudah .match-option.is-selected{border-color:#ffad19;box-shadow:0 0 0 3px #ffad1938,0 4px 8px #9a5e1314}body.jawi-page-learn-perkataan-mudah .match-dot{background:#d48a00;border-radius:999px;width:8px;height:8px;position:absolute;bottom:-19px;left:50%;transform:translate(-50%);box-shadow:0 0 0 6px #ffad191f}body.jawi-page-learn-perkataan-mudah .match-option.is-matched .match-dot{background:#2fbe2f;box-shadow:0 0 0 6px #2fbe2f24}body.jawi-page-learn-perkataan-mudah .answer-option{cursor:pointer;padding:0;font-family:inherit}body.jawi-page-learn-perkataan-mudah .answer-option.is-correct{color:#1f9b2b;background:#f1fff0;border-color:#43c94a;box-shadow:0 0 0 3px #43c94a2e,0 4px 8px #369f231f}body.jawi-page-learn-perkataan-mudah .answer-option.is-wrong{color:#d74b35;background:#fff3ef;border-color:#ff7b68;box-shadow:0 0 0 3px #ff7b6829,0 4px 8px #d74b351a}body.jawi-page-learn-perkataan-mudah .more-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}body.jawi-page-learn-perkataan-mudah .more-card{text-align:center;color:#5c4d3f;background:#ffffffd1;border:2px solid #f0dcae;border-radius:12px;place-items:center;min-height:76px;font-family:inherit;font-size:11px;font-weight:800;text-decoration:none;display:grid}body.jawi-page-learn-perkataan-mudah button.more-card{cursor:pointer;border:2px solid #f0dcae;padding:0}body.jawi-page-learn-perkataan-mudah .more-card.is-active{background:#fff8df;border-color:#ffad19;box-shadow:0 0 0 4px #ffad192e,0 6px 12px #9a5e131a}body.jawi-page-learn-perkataan-mudah .more-card strong{color:#092252;direction:rtl;font-size:26px;line-height:1;display:block}body.jawi-page-learn-perkataan-mudah .more-card span{margin-bottom:4px;font-size:28px;display:block}body.jawi-page-learn-perkataan-mudah .word-card.is-long-word{font-size:clamp(38px,8vw,58px)}body.jawi-page-learn-perkataan-mudah .rumi.is-long-word{padding-inline:10px;font-size:24px}body.jawi-page-learn-perkataan-mudah .tiny-card.is-long-word{font-size:20px}body.jawi-page-learn-perkataan-mudah .answer.is-long-word{font-size:14px}body.jawi-page-learn-perkataan-mudah .word-pagination:not([hidden]){flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}body.jawi-page-learn-perkataan-mudah .word-pagination button,body.jawi-page-learn-perkataan-mudah .word-pagination select{min-height:44px;font:inherit;color:#6b3a13;cursor:pointer;background-color:#fffaf0;border:2px solid #f0dcae;border-radius:14px;padding:8px 12px;font-size:13px;font-weight:800}body.jawi-page-learn-perkataan-mudah .word-pagination select{padding-right:32px}body.jawi-page-learn-perkataan-mudah .word-pagination button:not(:disabled){background:#ffbd38;border-color:#f5a518;box-shadow:0 3px #ed9410}body.jawi-page-learn-perkataan-mudah .word-pagination button:disabled{opacity:.5;cursor:default}body.jawi-page-learn-perkataan-mudah .word-page-picker{text-align:center;gap:5px;font-size:11px;font-weight:700;display:grid}body.jawi-page-learn-perkataan-mudah .word-pagination :focus-visible,body.jawi-page-learn-perkataan-mudah .word-choice:focus-visible{outline-offset:3px;outline:3px solid #1665b5}body.jawi-page-learn-perkataan-mudah .footer-note{z-index:2;color:#8b6737;background:#ffffffd1;border-radius:16px 16px 0 0;justify-content:center;align-items:center;gap:12px;width:min(496px,100%);min-height:56px;margin:18px auto 0;font-size:15px;font-weight:800;display:flex;position:relative}body.jawi-page-learn-perkataan-mudah .footer-note strong{color:#fff;text-shadow:0 2px #f2960b;background:#ffc329;border-radius:999px;place-items:center;width:42px;height:42px;font-size:24px;display:grid}@media (width<=620px){body.jawi-page-learn-perkataan-mudah .word-pagination:not([hidden]){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:6px;display:grid}body.jawi-page-learn-perkataan-mudah .word-pagination button,body.jawi-page-learn-perkataan-mudah .word-pagination select{white-space:nowrap;width:100%;min-width:0;padding-inline:4px;font-size:11px}body.jawi-page-learn-perkataan-mudah .word-pagination select{background-position:right 3px center;padding-right:22px}body.jawi-page-learn-perkataan-mudah .word-page-picker{min-width:0;font-size:10px}body.jawi-page-learn-perkataan-mudah .lesson{padding-inline:10px}body.jawi-page-learn-perkataan-mudah .topbar{grid-template-columns:48px 1fr 48px}body.jawi-page-learn-perkataan-mudah .round-btn{width:48px;height:48px;font-size:31px}body.jawi-page-learn-perkataan-mudah .hero{min-height:82px}body.jawi-page-learn-perkataan-mudah .banner{width:min(342px,100%);min-height:70px;padding:10px 22px 9px}body.jawi-page-learn-perkataan-mudah .banner h1{font-size:clamp(25px,7.2vw,33px)}body.jawi-page-learn-perkataan-mudah .banner p{font-size:11px}body.jawi-page-learn-perkataan-mudah .word-stage{grid-template-columns:1fr;justify-items:center;gap:14px}body.jawi-page-learn-perkataan-mudah .chick-large{width:126px;height:136px}body.jawi-page-learn-perkataan-mudah .word-card{width:min(210px,100%);height:138px}body.jawi-page-learn-perkataan-mudah .practice-grid,body.jawi-page-learn-perkataan-mudah .more-grid{grid-template-columns:1fr}}body.jawi-page-learn-suku-kata-jawi *{box-sizing:border-box}body.jawi-page-learn-suku-kata-jawi{box-sizing:border-box;color:#241056;background:#e9f8ff url(/images/learn/sukukata-bg.png) bottom/cover no-repeat fixed;justify-content:center;align-items:center;height:100svh;min-height:100svh;margin:0;padding:8px 0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;display:flex;overflow:hidden}body.jawi-page-learn-suku-kata-jawi .lesson{background:0 0;border-radius:0 0 18px 18px;flex:none;width:min(760px,100% - 32px);min-height:0;margin:0;padding:0;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}body.jawi-page-learn-suku-kata-jawi .lesson-inner{zoom:1;width:100%;max-width:740px;margin:0 auto;padding:6px 10px 8px}body.jawi-page-learn-suku-kata-jawi .top-nav{justify-content:flex-start;margin-bottom:8px;display:flex}body.jawi-page-learn-suku-kata-jawi .hero{aspect-ratio:4.05;border-radius:15px;position:relative;overflow:hidden;box-shadow:0 3px #512f9829,inset 0 0 0 2px #ffffffb8}body.jawi-page-learn-suku-kata-jawi .hero-mobile-copy{display:none}body.jawi-page-learn-suku-kata-jawi .hero-artwork{display:contents}body.jawi-page-learn-suku-kata-jawi .hero-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:104%;max-width:none;height:100%;margin-left:-2%;display:block}body.jawi-page-learn-suku-kata-jawi .hero-page{z-index:1;color:#102d73;background:#f6f1fff5;border-radius:4px;width:clamp(120px,19vw,150px);margin:0;padding:1px 4px;font-size:clamp(8px,1.55vw,12px);font-weight:700;line-height:1.25;position:absolute;top:45%;left:3.4%}body.jawi-page-learn-suku-kata-jawi .progress{color:#4c1eb0;grid-template-columns:auto minmax(70px,130px) auto;align-items:center;gap:8px;width:40%;margin:0;font-size:clamp(7px,1.4vw,11px);font-weight:900;display:grid;position:absolute;bottom:6%;left:2.5%}body.jawi-page-learn-suku-kata-jawi .bar{background:#fff;border:1px solid #ded1ff;border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #31146e1f}body.jawi-page-learn-suku-kata-jawi .bar span{border-radius:inherit;background:linear-gradient(90deg,#7c42db,#9a64f3);width:0%;height:100%;transition:width .2s;display:block}body.jawi-page-learn-suku-kata-jawi .mascot{min-height:124px;position:relative}body.jawi-page-learn-suku-kata-jawi .book-body{background:linear-gradient(90deg,#7649de 0 9px,#8b56ec 10px 100%);border-radius:12px 8px 10px 12px;width:86px;height:94px;position:absolute;top:22px;right:68px;box-shadow:0 8px #5132aa,0 12px 20px #4c1eb033}body.jawi-page-learn-suku-kata-jawi .book-body:before,body.jawi-page-learn-suku-kata-jawi .book-body:after{content:"";background:#fff;border-radius:999px;width:12px;height:12px;position:absolute;top:38px;box-shadow:inset 0 -3px #251056}body.jawi-page-learn-suku-kata-jawi .book-body:before{left:24px}body.jawi-page-learn-suku-kata-jawi .book-body:after{right:24px}body.jawi-page-learn-suku-kata-jawi .mouth{background:#32105c;border-radius:0 0 999px 999px;width:15px;height:12px;position:absolute;top:59px;left:39px}body.jawi-page-learn-suku-kata-jawi .mouth:after{content:"";background:#ff8a8a;border-radius:999px;width:10px;height:8px;position:absolute;bottom:-3px;left:5px}body.jawi-page-learn-suku-kata-jawi .arm{transform-origin:50%;background:#5c34bc;height:10px;position:absolute;top:57px}body.jawi-page-learn-suku-kata-jawi .arm.left{width:58px;right:146px;transform:rotate(26deg)}body.jawi-page-learn-suku-kata-jawi .arm.right{width:52px;right:30px;transform:rotate(-18deg)}body.jawi-page-learn-suku-kata-jawi .hand{z-index:2;background:#fff5db;border:2px solid #ead8b6;border-radius:999px;width:20px;height:20px;position:absolute}body.jawi-page-learn-suku-kata-jawi .hand.left{top:71px;right:192px}body.jawi-page-learn-suku-kata-jawi .hand.right{top:45px;right:20px}body.jawi-page-learn-suku-kata-jawi .leg{background:#241056;border-radius:999px;width:9px;height:27px;position:absolute;bottom:-6px}body.jawi-page-learn-suku-kata-jawi .leg.one{right:128px}body.jawi-page-learn-suku-kata-jawi .leg.two{right:87px}body.jawi-page-learn-suku-kata-jawi .card-tile{color:#160b33;background:#fff9eb;border:1px solid #ead9b9;border-radius:8px;place-items:center;width:43px;height:54px;font-size:29px;font-weight:900;display:grid;position:absolute;box-shadow:0 5px 9px #4b307c29}body.jawi-page-learn-suku-kata-jawi .card-tile.ba{top:18px;right:184px;transform:rotate(-13deg)}body.jawi-page-learn-suku-kata-jawi .card-tile.ta{top:37px;right:0;transform:rotate(14deg)}body.jawi-page-learn-suku-kata-jawi .section{background:#ffffffed;border:1px solid #e9ddff;border-radius:12px;margin-top:6px;padding:7px 10px;box-shadow:0 5px 14px #5a48981f}body.jawi-page-learn-suku-kata-jawi .section-title{color:#5130c7;align-items:center;gap:6px;margin:0 0 6px;font-size:12px;font-weight:900;display:flex}body.jawi-page-learn-suku-kata-jawi .num{color:#fff;background:linear-gradient(#9b6df4,#7142d9);border-radius:999px;place-items:center;width:20px;height:20px;font-size:12px;display:inline-grid;box-shadow:inset 0 -2px #0000001f}body.jawi-page-learn-suku-kata-jawi .hint{color:#705d8e;margin-left:auto;font-size:9px;font-weight:700}body.jawi-page-learn-suku-kata-jawi .builder{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}body.jawi-page-learn-suku-kata-jawi .row{direction:rtl;background:linear-gradient(#fff,#fbf7ff);border:1px solid #e5daf8;border-radius:9px;grid-template-columns:minmax(30px,52px) 16px minmax(30px,46px) 16px minmax(30px,46px);justify-content:center;align-items:center;gap:4px;min-height:52px;padding:5px;display:grid}body.jawi-page-learn-suku-kata-jawi .jawi{color:#160b33;background:#fffdf8;border:1px solid #ead9b9;border-radius:8px;place-items:center;height:36px;font-size:24px;font-weight:900;display:grid;box-shadow:0 3px 6px #58368c1f}body.jawi-page-learn-suku-kata-jawi .result{color:#fff;background:linear-gradient(#9360ee,#7341d7);border:0;border-radius:8px;place-items:center;height:36px;font-size:23px;font-weight:900;display:grid;box-shadow:inset 0 -2px #0000001f}body.jawi-page-learn-suku-kata-jawi .op{color:#794de0;text-align:center;font-size:22px;font-weight:900}body.jawi-page-learn-suku-kata-jawi .lower{margin-top:6px;display:block}body.jawi-page-learn-suku-kata-jawi .activity-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.95fr);align-items:start;gap:8px;margin-top:6px;display:grid}body.jawi-page-learn-suku-kata-jawi .activity-grid .section{min-width:0;margin-top:0}body.jawi-page-learn-suku-kata-jawi .steps{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}body.jawi-page-learn-suku-kata-jawi .steps-section{width:100%}body.jawi-page-learn-suku-kata-jawi .step{text-align:center;background:linear-gradient(#fff,#f7f0ff);border:1px solid #dfd1fa;border-radius:10px;min-height:92px;padding:6px 5px;position:relative}body.jawi-page-learn-suku-kata-jawi .mini-num{color:#fff;background:#7d51e2;border-radius:999px;place-items:center;width:17px;height:17px;font-size:10px;font-weight:900;display:grid;position:absolute;top:5px;left:5px}body.jawi-page-learn-suku-kata-jawi .step-icon{margin-top:18px;font-size:28px;line-height:1;display:block}body.jawi-page-learn-suku-kata-jawi .step strong{color:#4d23b8;margin-top:3px;font-size:10px;display:block}body.jawi-page-learn-suku-kata-jawi .step p{color:#4d4966;margin:2px 0 0;font-size:7px;font-weight:700;line-height:1.25}body.jawi-page-learn-suku-kata-jawi .arrow{color:#f2a8a8;z-index:2;font-size:16px;position:absolute;top:44px;right:-8px}body.jawi-page-learn-suku-kata-jawi .quiz-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}body.jawi-page-learn-suku-kata-jawi .quiz-card{background:#fff;border:1px solid #ddd1f9;border-radius:9px;min-height:96px;padding:6px}body.jawi-page-learn-suku-kata-jawi .quiz-card h3{color:#4d23b8;align-items:center;gap:5px;margin:0 0 5px;font-size:11px;font-weight:900;display:flex}body.jawi-page-learn-suku-kata-jawi .pill{color:#fff;background:#a986f2;border-radius:999px;place-items:center;width:18px;height:18px;font-size:10px;display:grid}body.jawi-page-learn-suku-kata-jawi .answer{color:#160b33;cursor:pointer;background:#fff;border:1px solid #ddd1f9;border-radius:6px;place-items:center;width:100%;height:20px;margin-top:4px;font-family:inherit;font-size:14px;font-weight:900;display:grid}body.jawi-page-learn-suku-kata-jawi .answer.is-correct{color:#fff;background:linear-gradient(#9966f0,#7543d8);border-color:#0000;box-shadow:inset 0 -2px #0000001a}body.jawi-page-learn-suku-kata-jawi .answer.is-wrong{color:#d62363;background:#fff0f5;border-color:#ff9abd}body.jawi-page-learn-suku-kata-jawi .bottom-nav{grid-template-columns:1fr 120px;align-items:center;gap:28px;margin-top:8px;display:grid}body.jawi-page-learn-suku-kata-jawi .nav-btn,body.jawi-page-learn-suku-kata-jawi .primary{border:0;border-radius:999px;place-items:center;height:34px;font-size:12px;font-weight:900;text-decoration:none;display:grid;box-shadow:0 4px 8px #53349d2e,inset 0 -2px #0000001a}body.jawi-page-learn-suku-kata-jawi .nav-btn{color:#7846e2;background:#fff;border:1px solid #dfd1fa}body.jawi-page-learn-suku-kata-jawi .nav-btn.icon-only{width:54px;height:34px;font-size:20px}body.jawi-page-learn-suku-kata-jawi .primary{color:#fff;background:linear-gradient(#9b62f1,#743fd6);font-size:14px}@media (width<=640px){body.jawi-page-learn-suku-kata-jawi{height:auto;min-height:100svh;padding:0;display:block;overflow-y:auto}body.jawi-page-learn-suku-kata-jawi .lesson{width:100%;margin:0;position:relative;top:auto;left:auto;transform:none}body.jawi-page-learn-suku-kata-jawi .lesson-inner{zoom:1;width:auto;padding-inline:8px}body.jawi-page-learn-suku-kata-jawi .hero{aspect-ratio:auto;background:linear-gradient(120deg,#fffafc,#eee2ff);border:2px solid #cbb0fa;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;padding:16px;display:grid}body.jawi-page-learn-suku-kata-jawi .hero-mobile-copy{display:block}body.jawi-page-learn-suku-kata-jawi .hero-mobile-copy h1{color:#5719bd;margin:0 0 8px;font-size:24px;font-weight:900;line-height:1.1}body.jawi-page-learn-suku-kata-jawi .hero-mobile-copy p{margin:0 0 8px;font-size:13px;line-height:1.4}body.jawi-page-learn-suku-kata-jawi .hero-artwork{border-radius:12px;min-height:140px;display:block;position:relative;overflow:hidden}body.jawi-page-learn-suku-kata-jawi .hero-image{-o-object-fit:cover;object-fit:cover;-o-object-position:85% center;object-position:85% center;width:100%;height:100%;margin:0;position:absolute}body.jawi-page-learn-suku-kata-jawi .hero-page{background:0 0;grid-column:1/-1;width:auto;padding:0;font-size:14px;position:static}body.jawi-page-learn-suku-kata-jawi .progress{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;width:100%;font-size:12px;position:static}body.jawi-page-learn-suku-kata-jawi .activity-grid,body.jawi-page-learn-suku-kata-jawi .builder{grid-template-columns:1fr}body.jawi-page-learn-suku-kata-jawi .lower{display:block}body.jawi-page-learn-suku-kata-jawi .steps-section{width:100%}body.jawi-page-learn-suku-kata-jawi .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body.jawi-page-learn-suku-kata-jawi .step{min-height:104px;padding:6px 4px}body.jawi-page-learn-suku-kata-jawi .step-icon{margin-top:20px;font-size:24px}body.jawi-page-learn-suku-kata-jawi .step strong{font-size:10px}body.jawi-page-learn-suku-kata-jawi .step p{font-size:7px}body.jawi-page-learn-suku-kata-jawi .quiz-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body.jawi-page-learn-suku-kata-jawi .quiz-card{min-height:116px;padding:6px 5px}body.jawi-page-learn-suku-kata-jawi .quiz-card h3{white-space:nowrap;justify-content:center;gap:3px;margin-bottom:7px;font-size:9px;line-height:1.1}body.jawi-page-learn-suku-kata-jawi .quiz-card .pill{width:16px;height:16px;font-size:9px}body.jawi-page-learn-suku-kata-jawi .answer{height:24px;margin-top:5px;font-size:15px}body.jawi-page-learn-suku-kata-jawi .bottom-nav{grid-template-columns:1fr;gap:8px}}@media (width>=641px) and (height<=820px){body.jawi-page-learn-suku-kata-jawi .section{padding-block:5px}body.jawi-page-learn-suku-kata-jawi .step{min-height:82px}}html.jawi-page-terms{min-height:100%;overflow-x:hidden;height:100%!important;overflow-y:hidden!important}body.jawi-page-terms{--tw-text-opacity:1;min-height:100vh;color:rgb(36 64 111/var(--tw-text-opacity,1));background:#7ce2ff;min-height:100%;margin:0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;overflow-x:hidden;height:100%!important;overflow-y:hidden!important}body.jawi-page-terms .terms-page{isolation:isolate;min-height:100vh;padding:2.5rem 1rem;position:relative;overflow-x:hidden}@media (width>=640px){body.jawi-page-terms .terms-page{padding:3.5rem 1.5rem}}@media (width>=1024px){body.jawi-page-terms .terms-page{padding:4rem 2rem}}body.jawi-page-terms .terms-page{scrollbar-width:none;scrollbar-gutter:auto;min-height:100vh;height:100dvh!important;overflow-y:scroll!important}body.jawi-page-terms .terms-page::-webkit-scrollbar{width:0;height:0;display:none}body.jawi-page-terms .terms-bg{pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100vw;height:100vh;position:fixed;inset:0}body.jawi-page-terms .terms-page:before{pointer-events:none;z-index:10;--tw-content:"";content:var(--tw-content);background:linear-gradient(#7ce2ff14,#7ce2ff2e),linear-gradient(#ffffff52,#ffffff14);position:fixed;inset:0}body.jawi-page-terms .terms-shell{z-index:20;width:100%;max-width:64rem;margin-left:auto;margin-right:auto;position:relative}body.jawi-page-terms .terms-topbar{z-index:70;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(8px,1vw,16px);width:100%;max-width:64rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;display:flex;position:relative}body.jawi-page-terms .corner-logo{width:clamp(76px,7vw,110px);height:clamp(76px,7vw,110px);box-shadow:none;background:0 0;border-radius:0;place-items:center;margin-right:auto;text-decoration:none;display:grid;overflow:hidden}body.jawi-page-terms .corner-logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}body.jawi-page-terms .mobile-topbar{z-index:90;justify-content:flex-start;align-items:flex-start;width:max-content;display:none;position:relative}body.jawi-page-terms .mobile-menu-button{--tw-shadow:0 10px 20px #2070ae2e;--tw-shadow-colored:0 10px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);z-index:92;background-color:#fffffff2;border-width:0;border-radius:14px;place-items:center;gap:4px;width:44px;height:44px;padding:10px;display:grid;position:relative}body.jawi-page-terms .mobile-menu-button span{background:#2478e9;border-radius:999px;width:20px;height:3px;display:block}body.jawi-page-terms .mobile-menu{--tw-shadow:0 18px 38px #2070ae47;--tw-shadow-colored:0 18px 38px var(--tw-shadow-color);width:min(280px,100vw - 40px);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);z-index:91;background:#fff;border:2px solid #fffffff2;border-radius:1rem;gap:.75rem;padding:1rem;display:grid;position:absolute;top:3.5rem;left:0}body.jawi-page-terms .mobile-menu[hidden]{display:none}body.jawi-page-terms .mobile-nav{gap:.5rem;display:grid}body.jawi-page-terms .mobile-nav a{--tw-bg-opacity:1;background-color:rgb(237 248 255/var(--tw-bg-opacity,1));color:#294a7a;border-radius:.75rem;place-items:center;min-height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:900;line-height:1.25rem;text-decoration-line:none;display:grid}body.jawi-page-terms .mobile-nav a.active{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(#62c8ff,#2696e9)}body.jawi-page-terms .mobile-language,body.jawi-page-terms .mobile-auth{justify-content:center}body.jawi-page-terms .site-nav{--tw-shadow:0 8px 20px #2070ae26;--tw-shadow-colored:0 8px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#ffffffe6;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(2px,.25vw,5px);padding:clamp(4px,.45vw,7px);display:flex}body.jawi-page-terms .site-nav a,body.jawi-page-terms .auth a{color:#294a7a;border-radius:9999px;place-items:center;min-height:clamp(28px,2.55vw,38px);padding-inline:clamp(11px,1.35vw,20px);font-size:clamp(10px,.75vw,12px);font-weight:900;text-decoration-line:none;display:inline-grid}body.jawi-page-terms .site-nav a.active{--tw-bg-opacity:1;background-color:rgb(234 244 255/var(--tw-bg-opacity,1));color:#285dbd}body.jawi-page-terms .language-switch,body.jawi-page-terms .auth{align-items:center;gap:clamp(6px,.8vw,12px);display:flex}body.jawi-page-terms .language-switch{--tw-shadow:0 8px 18px #2070ae29;--tw-shadow-colored:0 8px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#ffffffe6;border-radius:9999px;gap:clamp(2px,.25vw,5px);padding:clamp(4px,.4vw,6px)}body.jawi-page-terms .language-switch button{cursor:pointer;color:#294a7a;background-color:#0000;border-width:0;border-radius:9999px;min-width:clamp(30px,2.7vw,40px);min-height:clamp(26px,2.35vw,34px);font-size:clamp(10px,.75vw,12px);font-weight:900}body.jawi-page-terms .language-switch button.active{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:inset 0 -3px 0 #0054a133;--tw-shadow-colored:inset 0 -3px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background:linear-gradient(#62c8ff,#2696e9)}body.jawi-page-terms .auth a{--tw-shadow:0 8px 18px #2070ae26;--tw-shadow-colored:0 8px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#fffffff2}body.jawi-page-terms .terms-heading{text-align:center}body.jawi-page-terms .terms-kicker{text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(35 132 216/var(--tw-text-opacity,1));--tw-shadow:0 8px 18px #2070ae24;--tw-shadow-colored:0 8px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#ffffffb3;border-width:1px;border-color:#ffffffb3;border-radius:9999px;padding:.5rem 1.25rem;font-size:.75rem;font-weight:900;line-height:1rem;display:inline-flex}body.jawi-page-terms .terms-heading h1{letter-spacing:0;margin-top:1.25rem;margin-bottom:0;font-size:2.25rem;font-weight:900;line-height:1}@media (width>=640px){body.jawi-page-terms .terms-heading h1{font-size:3.75rem;line-height:1}}body.jawi-page-terms .terms-heading h1{color:#24428b;text-shadow:0 4px #fffc}body.jawi-page-terms .terms-heading p{color:#294774;max-width:42rem;margin-top:1rem;margin-left:auto;margin-right:auto;font-size:1rem;font-weight:800;line-height:1.75rem}body.jawi-page-terms .policy-tabs{--tw-shadow:0 14px 28px #2070ae29;--tw-shadow-colored:0 14px 28px var(--tw-shadow-color);max-width:36rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#fffc;border-width:1px;border-color:#fffc;border-radius:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.25rem;margin-left:auto;margin-right:auto;padding:.375rem;display:grid}body.jawi-page-terms .policy-tab{cursor:pointer;text-align:center;color:#294a7a;background-color:#0000;border-width:0;border-radius:.75rem;padding:.75rem;font-size:.875rem;font-weight:900;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}body.jawi-page-terms .policy-tab.active{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:inset 0 -3px 0 #0054a133,0 8px 18px #2070ae2e;--tw-shadow-colored:inset 0 -3px 0 var(--tw-shadow-color), 0 8px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background:linear-gradient(#62c8ff,#2696e9)}body.jawi-page-terms .policy-deck{max-width:48rem;margin-top:2rem;margin-left:auto;margin-right:auto}body.jawi-page-terms .policy-panel{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#ffffffe6;border-width:1px;border-color:#fffc;border-radius:1.5rem;padding:1.75rem}@media (width>=640px){body.jawi-page-terms .policy-panel{padding:2.5rem}}body.jawi-page-terms .policy-panel{box-shadow:inset 0 0 0 2px #ffffffa6,0 18px 38px #2d6c842e}body.jawi-page-terms .policy-panel h2{color:#24428b;margin-top:0;font-size:1.875rem;font-weight:900;line-height:2.25rem}body.jawi-page-terms .policy-copy{margin-top:1.25rem}body.jawi-page-terms .policy-copy>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}body.jawi-page-terms .policy-copy{color:#40577f;font-size:1rem;font-weight:600;line-height:1.75rem}@media (width<=480px){body.jawi-page-terms .terms-page{padding:18px 12px 40px}body.jawi-page-terms .terms-topbar{justify-content:space-between;align-items:flex-start;width:auto;margin-bottom:0;position:absolute;top:22px;left:16px;right:16px}body.jawi-page-terms .corner-logo{border-radius:0;width:56px;height:56px;margin-right:0}body.jawi-page-terms .mobile-topbar{width:max-content;display:flex}body.jawi-page-terms .terms-shell{padding-top:74px}body.jawi-page-terms .site-nav,body.jawi-page-terms .terms-topbar>.language-switch,body.jawi-page-terms .terms-topbar>.auth{display:none}body.jawi-page-terms .policy-tabs{border-radius:.75rem;max-width:min(100%,320px);margin-top:1.75rem;padding:.25rem}body.jawi-page-terms .policy-tab{border-radius:.5rem;min-height:42px;padding:.5rem .375rem;font-size:12px;line-height:1.15}body.jawi-page-terms .policy-tab.active{--tw-shadow:inset 0 -2px 0 #0054a133,0 6px 14px #2070ae29;--tw-shadow-colored:inset 0 -2px 0 var(--tw-shadow-color), 0 6px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}body.jawi-page-terms .terms-heading h1{font-size:clamp(34px,10vw,44px)}body.jawi-page-terms .terms-heading p{font-size:13px;line-height:1.55}body.jawi-page-terms .policy-panel{padding:22px 18px}}@media (width>=481px) and (width<=1023px){body.jawi-page-terms .terms-page{padding:24px 22px 52px}body.jawi-page-terms .terms-topbar{gap:10px}body.jawi-page-terms .site-nav{margin-left:auto}body.jawi-page-terms .terms-shell{max-width:760px}}body.jawi-page-pricing .pricing-page{isolation:isolate;min-height:100vh;padding:1rem 1.25rem 3rem;position:relative;overflow-x:hidden}@media (width>=1024px){body.jawi-page-pricing .pricing-page{padding-left:2.5rem;padding-right:2.5rem}}body.jawi-page-pricing .pricing-page{scrollbar-gutter:stable;min-height:100vh;height:100dvh!important;overflow-y:scroll!important}body.jawi-page-pricing .pricing-bg{pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100vw;height:100vh;position:fixed;inset:0}body.jawi-page-pricing .topbar,body.jawi-page-pricing .pricing{z-index:20;width:100%;max-width:min(94vw,1240px);margin-left:auto;margin-right:auto;position:relative}body.jawi-page-pricing .topbar{z-index:70;flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(14px,2vw,34px);min-height:auto;display:flex}body.jawi-page-pricing .corner-logo{z-index:95;width:clamp(76px,7vw,110px);height:clamp(76px,7vw,110px);box-shadow:none;background:0 0;border-radius:0;place-items:center;display:grid;position:absolute;top:0;left:0;overflow:hidden}body.jawi-page-pricing .corner-logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}body.jawi-page-pricing .topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(8px,1vw,16px);width:100%;display:flex}body.jawi-page-pricing .mobile-topbar{z-index:90;justify-content:flex-start;align-items:flex-start;width:100%;display:none;position:relative}body.jawi-page-pricing .mobile-menu-button{--tw-shadow:0 10px 20px #2070ae2e;--tw-shadow-colored:0 10px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);z-index:92;background-color:#fffffff2;border-width:0;border-radius:14px;place-items:center;gap:4px;width:44px;height:44px;padding:10px;display:grid;position:relative}body.jawi-page-pricing .mobile-menu-button span{background:#2478e9;border-radius:999px;width:20px;height:3px;display:block}body.jawi-page-pricing .mobile-menu{--tw-shadow:0 18px 38px #2070ae47;--tw-shadow-colored:0 18px 38px var(--tw-shadow-color);width:min(280px,100vw - 40px);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);z-index:91;background:#fff;border:2px solid #fffffff2;border-radius:1rem;gap:.75rem;padding:1rem;display:grid;position:absolute;top:3.5rem;left:0}body.jawi-page-pricing .mobile-menu[hidden]{display:none}body.jawi-page-pricing .mobile-nav{gap:.5rem;display:grid}body.jawi-page-pricing .mobile-nav a{--tw-bg-opacity:1;background-color:rgb(237 248 255/var(--tw-bg-opacity,1));color:#294a7a;border-radius:.75rem;place-items:center;min-height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:900;line-height:1.25rem;text-decoration-line:none;display:grid}body.jawi-page-pricing .mobile-nav a.active{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(#62c8ff,#2696e9)}body.jawi-page-pricing .mobile-language,body.jawi-page-pricing .mobile-auth{justify-content:center}body.jawi-page-pricing .brand{--tw-drop-shadow:drop-shadow(0 4px 0 #ffffffdb);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);color:#2478e9;flex-shrink:0;order:2;justify-items:center;font-size:clamp(30px,3.35vw,52px);font-weight:900;line-height:1;text-decoration-line:none;display:grid;position:relative}body.jawi-page-pricing .brand span span:nth-child(2){color:#33b95a}body.jawi-page-pricing .brand span span:nth-child(3){color:#ff5f76}body.jawi-page-pricing .brand-badge{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;place-items:center;width:clamp(34px,3.4vw,54px);height:clamp(34px,3.4vw,54px);font-size:clamp(18px,1.6vw,28px);display:grid;position:absolute;top:clamp(-10px,-.65vw,-5px)}body.jawi-page-pricing .brand-badge.star{--tw-rotate:-10deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 230 77/var(--tw-bg-opacity,1));left:clamp(-54px,-3.7vw,-34px)}body.jawi-page-pricing .brand-badge.book{--tw-rotate:9deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(115 220 62/var(--tw-bg-opacity,1));right:clamp(-56px,-3.8vw,-36px)}body.jawi-page-pricing .brand small{text-align:center;--tw-shadow:inset 0 -4px 0 #7c480f40,0 7px 14px #1e5e7e2e;--tw-shadow-colored:inset 0 -4px 0 var(--tw-shadow-color), 0 7px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);color:#754617;background:linear-gradient(#ffc764,#ee9940);border-radius:clamp(8px,.8vw,12px);min-width:clamp(120px,13vw,190px);margin-top:clamp(6px,.7vw,12px);padding:clamp(7px,.8vw,13px) clamp(18px,2vw,34px);font-size:clamp(15px,1.35vw,23px);font-weight:900}body.jawi-page-pricing .nav{--tw-shadow:0 8px 20px #2070ae26;--tw-shadow-colored:0 8px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#ffffffe6;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(2px,.25vw,5px);padding:clamp(4px,.45vw,7px);display:flex}body.jawi-page-pricing .nav a,body.jawi-page-pricing .auth a,body.jawi-page-pricing .auth button{color:#294a7a;border-radius:9999px;place-items:center;min-height:clamp(28px,2.55vw,38px);padding-inline:clamp(11px,1.35vw,20px);font-size:clamp(10px,.75vw,12px);font-weight:900;text-decoration-line:none;display:inline-grid}body.jawi-page-pricing .nav a.active{--tw-bg-opacity:1;background-color:rgb(234 244 255/var(--tw-bg-opacity,1));color:#285dbd}body.jawi-page-pricing .language-switch,body.jawi-page-pricing .auth{align-items:center;gap:clamp(6px,.8vw,12px);display:flex}body.jawi-page-pricing .language-switch{--tw-shadow:0 8px 18px #2070ae29;--tw-shadow-colored:0 8px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#ffffffe6;border-radius:9999px;gap:clamp(2px,.25vw,5px);padding:clamp(4px,.4vw,6px)}body.jawi-page-pricing .language-switch button{cursor:pointer;color:#294a7a;background-color:#0000;border-width:0;border-radius:9999px;min-width:clamp(30px,2.7vw,40px);min-height:clamp(26px,2.35vw,34px);font-size:clamp(10px,.75vw,12px);font-weight:900}body.jawi-page-pricing .language-switch button.active{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:inset 0 -3px 0 #0054a133;--tw-shadow-colored:inset 0 -3px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background:linear-gradient(#62c8ff,#2696e9)}body.jawi-page-pricing .auth a,body.jawi-page-pricing .auth button{--tw-shadow:0 8px 18px #2070ae26;--tw-shadow-colored:0 8px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#fffffff2}body.jawi-page-pricing .auth .register{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:inset 0 -5px 0 #247e0047,0 11px 22px #3aa00040;--tw-shadow-colored:inset 0 -5px 0 var(--tw-shadow-color), 0 11px 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background:linear-gradient(#a7ee22,#4dcc03)}body.jawi-page-pricing .button-icon{--tw-bg-opacity:1;background-color:rgb(255 223 63/var(--tw-bg-opacity,1));--tw-shadow:inset 0 -2px 0 #a1740038;--tw-shadow-colored:inset 0 -2px 0 var(--tw-shadow-color);width:1.75rem;height:1.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:9999px;place-items:center;font-size:.875rem;line-height:1.25rem;display:grid}body.jawi-page-pricing .pricing{place-items:center;min-height:calc(100vh - 96px);padding-top:3rem;padding-bottom:3rem;display:grid}body.jawi-page-pricing .section-heading{text-align:center;justify-items:center;gap:.75rem;display:grid}body.jawi-page-pricing .section-heading .label{--tw-shadow:0 8px 18px #2170ae1a;--tw-shadow-colored:0 8px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);color:#2384d8;background-color:#ffffffbf;border-radius:9999px;padding:.5rem 1rem;font-size:.75rem;font-weight:900;line-height:1rem}body.jawi-page-pricing .section-heading h1{--tw-drop-shadow:drop-shadow(0 4px 0 #ffffffe6);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);color:#24428b;margin:0;font-size:clamp(42px,5vw,66px);font-weight:900;line-height:1}body.jawi-page-pricing .section-heading p{color:#274677;max-width:650px;margin:0;font-size:1rem;font-weight:800;line-height:1.5}body.jawi-page-pricing .checkout-details{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);width:100%;max-width:36rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#fffffff2;border-radius:1rem;gap:1rem;margin-top:1.5rem;padding:1.25rem;font-size:.875rem;line-height:1.25rem;display:grid}body.jawi-page-pricing .pricing-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem;width:100%;margin-top:2rem;display:grid}@media (width>=1024px){body.jawi-page-pricing .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}body.jawi-page-pricing .price-card{--tw-shadow:0 18px 34px #2d6c842b,inset 0 0 0 2px #ffffffb8;--tw-shadow-colored:0 18px 34px var(--tw-shadow-color), inset 0 0 0 2px var(--tw-shadow-color);min-height:410px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#ffffffeb;border-width:3px;border-color:#fffc;border-radius:1.5rem;align-content:flex-start;gap:1rem;padding:1.5rem;display:grid;position:relative;overflow:hidden}body.jawi-page-pricing .price-card:before{--tw-content:"";content:var(--tw-content);background:linear-gradient(90deg,#56c3ff,#75d72a);height:.625rem;position:absolute;top:0;left:0;right:0}body.jawi-page-pricing .price-card.featured{--tw-border-opacity:1;border-color:rgb(255 242 168/var(--tw-border-opacity,1));--tw-shadow:0 24px 42px #4dac1638,inset 0 0 0 2px #ffffffbd;--tw-shadow-colored:0 24px 42px var(--tw-shadow-color), inset 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (width>=1024px){body.jawi-page-pricing .price-card.featured{--tw-translate-y:-.625rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}body.jawi-page-pricing .plan-icon{--tw-bg-opacity:1;background-color:rgb(234 247 255/var(--tw-bg-opacity,1));--tw-shadow:inset 0 -4px 0 #1f7dcd1a;--tw-shadow-colored:inset 0 -4px 0 var(--tw-shadow-color);width:58px;height:58px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;place-items:center;font-size:1.875rem;line-height:2.25rem;display:grid}body.jawi-page-pricing .price-card:nth-child(2) .plan-icon{--tw-bg-opacity:1;background-color:rgb(239 255 231/var(--tw-bg-opacity,1))}body.jawi-page-pricing .price-card:nth-child(3) .plan-icon{--tw-bg-opacity:1;background-color:rgb(243 237 255/var(--tw-bg-opacity,1))}body.jawi-page-pricing .price-card h2{color:#24428b;margin:0;font-size:1.5rem;font-weight:900;line-height:2rem}body.jawi-page-pricing .price-card .plan-copy{color:#506287;min-height:2.75rem;margin-top:-.5rem;font-size:.875rem;font-weight:700;line-height:1.5}body.jawi-page-pricing .price{color:#1e65d8;align-items:flex-end;gap:.375rem;font-weight:900;display:flex}body.jawi-page-pricing .price strong{font-size:42px;line-height:1}body.jawi-page-pricing .price span{color:#5c6f91;padding-bottom:.25rem;font-size:13px;font-weight:900}body.jawi-page-pricing .plan-list{gap:.625rem;margin:0;padding:0;list-style-type:none;display:grid}body.jawi-page-pricing .plan-list li{color:#284879;align-items:center;gap:.5rem;font-size:.875rem;font-weight:800;line-height:1.375;display:flex}body.jawi-page-pricing .plan-list li:before{--tw-bg-opacity:1;background-color:rgb(82 201 26/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:22px;height:22px;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-content:"✓";content:var(--tw-content);border-radius:9999px;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}body.jawi-page-pricing .price-card .plan-button{cursor:pointer;--tw-text-opacity:1;width:100%;min-height:3rem;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:inset 0 -5px 0 #0054a138;--tw-shadow-colored:inset 0 -5px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-width:0;border-radius:1rem;place-items:center;margin-top:auto;font-size:15px;font-weight:900;text-decoration-line:none;display:grid}body.jawi-page-pricing .price-card .plan-button:disabled{cursor:not-allowed;opacity:.5}body.jawi-page-pricing .price-card .plan-button{background:linear-gradient(#56c3ff,#1c82dd)}body.jawi-page-pricing .price-card.featured .plan-button{--tw-shadow:inset 0 -5px 0 #2087003d;--tw-shadow-colored:inset 0 -5px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background:linear-gradient(#9cec23,#49c800)}@media (width<=620px){body.jawi-page-pricing .pricing-page{padding:14px 12px 44px}body.jawi-page-pricing .topbar{align-items:stretch;gap:12px}body.jawi-page-pricing .mobile-topbar{min-height:50px;padding-left:62px;display:flex}body.jawi-page-pricing .topbar-actions{display:none}body.jawi-page-pricing .brand{align-self:center;max-width:calc(100vw - 70px);font-size:clamp(25px,8vw,32px)}body.jawi-page-pricing .corner-logo{border-radius:0;width:56px;height:56px}body.jawi-page-pricing .pricing{min-height:auto;padding-top:26px;padding-bottom:24px}body.jawi-page-pricing .section-heading h1{font-size:clamp(32px,10vw,42px)}body.jawi-page-pricing .section-heading p{font-size:13px;line-height:1.45}body.jawi-page-pricing .price-card{min-height:auto;padding:20px}}@media (width>=621px) and (width<=1023px){body.jawi-page-pricing .pricing-page{padding:18px 24px 56px}body.jawi-page-pricing .topbar-actions{justify-content:flex-end;padding-left:92px}body.jawi-page-pricing .pricing{min-height:auto;padding-top:40px}body.jawi-page-pricing .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.jawi-page-pricing .price-card.featured{transform:none}}.jawi-checkout{color:#30249c;background:#fffcf5;margin:0}.checkout-scene{background:var(--checkout-background) center / 100% 100% no-repeat;min-height:100svh;padding:21px 24px 108px}.checkout-header{background-color:#fffffff2;border-radius:9999px;flex-wrap:wrap;align-items:center;gap:16px 40px;max-width:910px;min-height:58px;margin-left:auto;margin-right:auto;padding:7px 25px;display:flex;box-shadow:0 5px 26px #9b8bd71a}.checkout-brand{color:#2d229f;letter-spacing:-.7px;flex-shrink:0;align-items:center;gap:.75rem;font-size:23px;font-weight:900;text-decoration-line:none;display:flex}.checkout-brand img{-o-object-fit:contain;object-fit:contain;width:44px;height:44px}.checkout-nav{flex-wrap:wrap;align-items:center;gap:12px 32px;font-size:12px;font-weight:800;display:flex}.checkout-nav a{color:#494698;padding-block:13px;text-decoration:none;position:relative}.checkout-nav a[aria-current]{color:#2d20b2}.checkout-nav a:after{content:"";bottom:0;background:#7852f1;border-radius:5px;height:3px;transition:transform .18s;position:absolute;inset-inline:0;transform:scaleX(0)}.checkout-nav a:hover:after,.checkout-nav a:focus-visible:after,.checkout-nav a[aria-current]:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.checkout-nav a:after{transition:none}}.checkout-nav a:hover{color:#7b4dee}.checkout-nav .checkout-dashboard-button{color:#fff;background:linear-gradient(135deg,#9168ff,#6640d8);border-radius:9999px;align-items:center;gap:.5rem;padding:10px 18px;display:inline-flex;box-shadow:0 3px 8px #7852f126}.checkout-nav .checkout-dashboard-button:hover{color:#fff;background:#6640d8}.checkout-nav .checkout-dashboard-button:after{inset-inline:18px;background:#fff;bottom:5px}.checkout-nav .checkout-dashboard-button:focus-visible{outline-offset:3px;outline:3px solid #a18bff}.checkout-content{grid-template-columns:minmax(0,1.76fr) minmax(0,1fr);align-items:end;gap:22px;max-width:820px;margin:48px auto 0;padding-right:24px;display:grid}.checkout-form-column{gap:16px;min-width:0;display:grid}.checkout-form-column h1{letter-spacing:-.9px;color:#291e90;width:fit-content;margin:0;font-size:clamp(29px,4vw,42px);font-weight:900;line-height:1.15;position:relative}.checkout-card{background:#ffffffed;border:1px solid #f2efff;border-radius:16px;flex-direction:column;gap:4px;padding:18px 20px 20px;display:flex;box-shadow:0 7px 25px #8e79ca1c}.checkout-plan-name{color:#3020a6;background:linear-gradient(120deg,#f4eeff,#e6e0ff);border-radius:30px;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:0 0 2px;padding:3px 21px 3px 7px;font-size:26px;font-weight:900;line-height:1.3;display:flex}.checkout-plan-name img{-o-object-fit:contain;object-fit:contain;width:32px;height:32px}.checkout-price{flex-wrap:wrap;align-items:baseline;gap:5px;margin:0;line-height:1.3;display:flex}.checkout-price strong{color:#3422b5;letter-spacing:-.5px;font-size:29px;font-weight:900}.checkout-price>span{color:#9063ff;font-size:18px;font-weight:700}.checkout-description{color:#494894;margin:0 0 3px;font-size:12.5px;line-height:1.6}.checkout-form{gap:16px;display:grid}.checkout-phone-field{gap:6px;display:grid}.checkout-phone-field>label{color:#57549a;font-size:13px;font-weight:800}.checkout-phone-input{position:relative}.checkout-phone-input>span{color:#7169bc;pointer-events:none;background:#f3f1ff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.checkout-phone-input svg{width:17px;height:17px}.checkout-phone-input input{color:#403797;background:#fff;border:1.5px solid #dfe4ff;border-radius:11px;width:100%;height:40px;padding:8px 12px 8px 42px;font-size:13px}.checkout-phone-input input::placeholder{color:#7572bd;opacity:1}.checkout-phone-input input:focus{--tw-ring-color:#c5b6ff;border-color:#997aff}.checkout-terms{color:#514b98;cursor:pointer;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;display:flex}.checkout-terms input{color:#865df7;--tw-ring-color:#aa8bff;border:1.5px solid #c6ceff;border-radius:5px;flex:none;width:20px;height:20px;margin:0}.checkout-terms a{color:#4938ed;text-underline-offset:2px;text-decoration:underline}.checkout-submit-wrap{margin:5px 16px 0;position:relative}.checkout-submit{color:#fff;cursor:pointer;background:linear-gradient(16deg,#8050ed,#8880ff 53%,#58baff);border:0;border-radius:22px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:49px;padding:12px 16px;font-size:14px;font-weight:800;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:inset 0 2px 5px #ffffff30,0 5px 12px #8c62ee30}.checkout-submit svg{width:19px;height:19px;transition:transform .18s}.checkout-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 2px 5px #ffffff30,0 7px 18px #8c62ee45}.checkout-submit:hover:not(:disabled) svg{transform:translate(3px)}.checkout-submit:active{transform:translateY(0)}.checkout-submit:disabled{cursor:wait;opacity:.82;transform:none}.checkout-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:999px;width:18px;height:18px;animation:.7s linear infinite checkout-spin;display:none}.checkout-form[data-submitting=true] .checkout-spinner{display:inline-block}.checkout-form[data-submitting=true] .checkout-submit-arrow{display:none}@keyframes checkout-spin{to{transform:rotate(360deg)}}.jawi-checkout a:focus-visible,.checkout-submit:focus-visible{outline-offset:4px;outline:3px solid #926bff}.checkout-aside{gap:14px;min-width:0;display:grid}.checkout-illustration{isolation:isolate;height:246px;position:relative}.checkout-mascot{z-index:2;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom;width:230px;height:255px;position:absolute;bottom:0;left:0}.checkout-mascot-cloud{z-index:-1;background:#def5ff;border-radius:49% 45% 40% 55%;position:absolute;inset:35px -6px 10px 0;transform:rotate(-12deg)}.checkout-mascot-pebble{background:linear-gradient(30deg,#d3c3ff,#f1e9ff);border-radius:50%;width:72px;height:33px;position:absolute;bottom:7px;right:30px;transform:rotate(-30deg)}.checkout-letter{z-index:3;color:#fff;background:linear-gradient(145deg,#e6b3ff,#9968ff);border:4px solid #fff;border-radius:50% 50% 50% 16%;place-items:center;width:83px;height:79px;padding-bottom:10px;font-family:Georgia,serif;font-size:64px;line-height:1;display:grid;position:absolute;top:66px;right:7px;transform:rotate(9deg);box-shadow:inset -3px -5px #b091ff}.checkout-floating-star{color:#ffd43b;text-shadow:0 2px #efb32a;z-index:3;font-size:37px;line-height:1;position:absolute}.checkout-floating-star.star-one{top:37px;left:0;transform:rotate(-16deg)}.checkout-floating-star.star-two{font-size:29px;bottom:64px;right:54px;transform:rotate(12deg)}.checkout-trust-card{background:linear-gradient(120deg,#f7fbffed,#eff9ffed);border:1px solid #c8e7ff;border-radius:16px;gap:13px;padding:13px 16px 14px;display:grid}.checkout-trust-heading{justify-content:center;align-items:center;gap:16px;display:flex}.checkout-main-shield{color:#39a6ff;filter:drop-shadow(4px 4px #c5e2ff)}.checkout-main-shield svg{width:51px;height:51px}.checkout-trust-heading p{color:#282090;margin:0;font-size:12px;font-weight:900;line-height:1.4}.checkout-trust-features{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.checkout-trust-features>div{color:#655cb1;white-space:nowrap;justify-items:center;gap:6px;font-size:9px;display:grid;position:relative}.checkout-trust-features>div+div:before{content:"";background:#c5e4ff;width:1px;height:28px;position:absolute;top:10px;left:0}.checkout-trust-icon{color:#32a2ff;background:#e2f1ff;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.checkout-trust-icon svg{filter:drop-shadow(1px 2px #bcdaff);width:21px;height:21px}.checkout-trust-icon.heart-icon{color:#23c6b5}.checkout-sparks{pointer-events:none;width:24px;height:35px;display:block;position:absolute}.checkout-sparks i{background:linear-gradient(#ffdb62,#ffc132);border-radius:70%;width:6px;height:15px;display:block;position:absolute}.checkout-sparks i:first-child{top:0;left:0;transform:rotate(-15deg)}.checkout-sparks i:nth-child(2){top:10px;left:12px;transform:rotate(42deg)}.checkout-sparks i:nth-child(3){top:25px;left:18px;transform:rotate(85deg)}.heading-sparks{top:-8px;right:-26px}.button-sparks-left{top:8px;left:-23px;transform:scale(.65)rotate(175deg)}.button-sparks-right{top:8px;right:-23px;transform:scale(.65)}@media (width<=767px){.checkout-scene{background-size:auto 100%;padding:16px 20px 100px}.checkout-header{border-radius:25px;justify-content:center;gap:3px;padding:12px 16px}.checkout-brand{font-size:22px}.checkout-nav{justify-content:center;gap:5px 22px;font-size:11px}.checkout-content{grid-template-columns:minmax(0,1fr);gap:28px;max-width:494px;margin-top:32px;padding-right:0}.checkout-form-column h1{letter-spacing:-.6px;font-size:clamp(26px,6.6vw,38px)}.checkout-aside{justify-self:center;width:min(100%,290px)}.checkout-card{padding:18px 16px 20px}}@media (prefers-reduced-motion:reduce){.checkout-submit,.checkout-submit svg{transition:none}.checkout-spinner{animation:none}}.jawi-payment-status{color:#28496a;background:#b9edfa;margin:0}.payment-status-topbar{z-index:1;background:0 0;position:relative}.payment-status-scene{background:var(--payment-status-background) center / 100% 100% no-repeat;min-height:100svh;padding:20px 24px 80px}.payment-status-main{max-width:840px;margin:40px auto 0}.payment-status-heading{padding-left:24px}.payment-status-heading h1{color:#07546a;letter-spacing:-1.5px;-webkit-text-stroke:6px white;paint-order:stroke fill;filter:drop-shadow(0 3px #ffffff70);width:fit-content;margin:0;font-size:clamp(36px,5vw,52px);font-weight:900;line-height:1.15;position:relative}.payment-status-heading h1>span:first-child{color:#ff9800}.payment-status-heading p{color:#28496a;margin:10px 0 0;font-size:16px}.payment-status-heading .checkout-sparks{top:0;right:-26px}.payment-status-card{background:#fff;border-radius:28px;grid-template-columns:185px minmax(0,1fr);gap:22px;margin-top:47px;padding:26px 32px 26px 24px;display:grid;box-shadow:0 12px 40px #459ead1a}.payment-status-art{border-right:1px dashed #e5eaf0;justify-content:center;align-items:flex-start;padding:8px 20px 0 0;display:flex}.payment-status-symbol{background:#fff9e3;border-radius:54% 46% 42% 38%;place-items:center;width:155px;height:170px;display:grid}.payment-status-symbol>svg,.payment-status-symbol>img{-o-object-fit:contain;object-fit:contain;width:145px;height:160px}.payment-status-symbol.is-success{color:#24bc8a;background:#e8fbf0}.payment-status-symbol.is-failed{color:#ec9344;background:#fff0e6}.payment-status-symbol.is-review{color:#9371e5;background:#eeedff}.payment-status-symbol.is-success>svg,.payment-status-symbol.is-failed>svg,.payment-status-symbol.is-review>svg{width:80px;height:80px}.payment-status-details{align-content:start;gap:10px;min-width:0;display:grid}.payment-status-plan{color:#055675;background:#bfe8ff;border-radius:14px;width:fit-content;margin:0;padding:5px 18px;font-size:15px;font-weight:900;line-height:1.3}.payment-status-amount{flex-wrap:wrap;align-items:baseline;gap:7px;margin:-4px 0;font-size:17px;display:flex}.payment-status-amount strong{color:#009c8f;letter-spacing:.2px;font-size:26px;font-weight:900}.payment-status-reference{background:#eff0f7;border-radius:10px;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:3px 7px;font-size:13px;display:flex}.payment-status-reference input{color:#28496a;width:275px;min-width:0;box-shadow:none;background:0 0;border:0;padding:0;font-size:14px}.payment-status-copy{color:#214563;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:29px;height:27px;padding:4px;display:grid}.payment-status-copy:hover{background:#dae8f7}.payment-status-copy svg{width:19px;height:19px}.payment-status-copy .copy-done,.payment-status-copy[data-copied=true] .copy-default{display:none}.payment-status-copy[data-copied=true] .copy-done{color:#009c8f;display:block}.payment-copy-feedback{color:#166e66;margin:0;font-size:12px}.payment-copy-feedback:empty{display:none}.payment-status-notice{color:#a55900;background:#fff5d8;border-radius:12px;align-items:center;gap:17px;padding:13px 17px;display:flex}.payment-status-notice>svg{color:#ffac20;flex:none;width:38px;height:38px}.payment-status-notice strong{font-weight:800}.payment-status-notice p{margin:0;font-size:12px;line-height:1.55}.payment-status-notice.is-success{color:#137051;background:#e5f8ed}.payment-status-notice.is-success>svg{color:#24bc8a}.payment-status-notice.is-failed{color:#9e5325;background:#fff0e7}.payment-status-notice.is-review{color:#6750a6;background:#eeecff}.payment-status-notice.is-review>svg{color:#9371e5}.payment-status-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.payment-status-secondary{text-underline-offset:3px;font-size:13px;font-weight:700;text-decoration:underline}.jawi-payment-status a:focus-visible,.jawi-payment-status button:focus-visible,.payment-status-reference input:focus-visible{outline-offset:3px;outline:3px solid #098fae}@media (width<=700px){.payment-status-scene{background-position:44%;background-size:auto 100%;padding:16px 16px 80px}.payment-status-main{margin-top:35px}.payment-status-heading{padding-left:8px}.payment-status-heading h1{letter-spacing:-.8px;-webkit-text-stroke-width:4px;font-size:clamp(32px,8vw,44px)}.payment-status-heading p{max-width:270px;font-size:14px}.payment-status-card{border-radius:24px;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:38px;padding:22px}.payment-status-art{border-bottom:1px dashed #e5eaf0;border-right:0;padding:0 0 18px}.payment-status-symbol{width:125px;height:130px}.payment-status-symbol>svg,.payment-status-symbol>img{width:115px;height:125px}.payment-status-reference{gap:6px;width:100%}.payment-status-reference input{flex:1;width:0;font-size:12px}.payment-status-notice{align-items:flex-start;gap:10px;padding:13px}.payment-status-notice>svg{width:29px;height:29px}.payment-status-refresh{width:100%;padding-inline:16px}}.jawi-payment-history{color:#10365f;background:#b9edfa;margin:0}.payment-history-scene{background:var(--payment-history-background) center / 100% 100% no-repeat;min-height:100svh;padding:18px 24px 88px}.payment-history-scene>.checkout-header{gap:18px 36px;max-width:812px;min-height:52px;padding:5px 24px}.payment-history-scene .checkout-brand{font-size:21px}.payment-history-scene .checkout-brand img{width:38px;height:38px}.payment-history-scene .checkout-nav{gap:12px 28px;font-size:11px}.payment-history-panel{isolation:isolate;background:#fffcf4f7;border-radius:34px;max-width:800px;margin:39px auto 0;padding:30px 32px 40px;position:relative;box-shadow:0 12px 34px #63b6bd16}.payment-history-heading{min-height:86px;padding:0 255px 20px 3px;position:relative}.payment-history-heading h1{letter-spacing:-.7px;color:#0c3158;white-space:nowrap;width:fit-content;margin:0;font-size:36px;font-weight:900;line-height:1.2;position:relative}.payment-history-heading h1 .checkout-sparks{top:-8px;right:-25px}.payment-history-heading p{color:#657f94;margin:7px 0 0;font-size:13px;line-height:1.5}.payment-history-mascot{-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom;pointer-events:none;width:221px;height:155px;position:absolute;bottom:6px;right:0}.payment-history-cloud{z-index:-1;pointer-events:none;background:#e4f5ff;border-radius:60px 60px 4px 4px;width:170px;height:24px;position:absolute;bottom:5px;right:193px}.payment-history-cloud:before,.payment-history-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.payment-history-cloud:before{width:65px;height:54px;left:20px}.payment-history-cloud:after{width:72px;height:76px;right:19px}.payment-history-list{gap:17px;margin:0;padding:0;list-style:none;display:grid}.payment-history-row{min-height:99px;color:inherit;background:#fff;border:1px solid #fff;border-radius:20px;grid-template-columns:66px minmax(0,1fr) 176px;align-items:center;gap:24px;padding:17px 20px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 7px 19px #6a64430d}.payment-history-row:hover{transform:translateY(-2px);box-shadow:0 10px 24px #658dac24}.payment-history-row:active{transform:translateY(0)}.payment-history-entry{position:relative}.payment-history-entry:has(.payment-history-resume) .payment-history-row{padding-bottom:72px}.jawi-payment-history a:focus-visible{outline-offset:4px;outline:3px solid #8767ed}.payment-history-icon{background:linear-gradient(135deg,#efe3ff,#e6d9ff);border-radius:18px;place-items:center;width:64px;height:64px;display:grid;position:relative}.payment-history-icon.is-receipt{background:linear-gradient(135deg,#b6e9ff,#ddf5ff)}.payment-history-icon>img{-o-object-fit:contain;object-fit:contain;width:49px;height:49px}.payment-history-icon>svg{width:52px;height:52px}.payment-history-icon .checkout-sparks{top:-10px;right:-6px;transform:scale(.55)}.payment-history-description{gap:7px;min-width:0;display:grid}.payment-history-description h2{overflow-wrap:anywhere;margin:0;font-size:21px;font-weight:900;line-height:1.2}.payment-history-date{color:#71869d;align-items:center;gap:9px;font-size:14px;display:flex}.payment-history-date svg{color:#8a9eae;flex:none;width:17px;height:17px}.payment-history-summary{border-left:1px solid #e4eaf0;justify-items:start;gap:6px;padding-left:38px;display:grid}.payment-history-summary>strong{white-space:nowrap;font-size:20px;font-weight:900;line-height:1.2}.payment-history-badge{color:#da8500;background:#ffebaf;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:5px 13px;font-size:13px;font-weight:700;line-height:1.5;display:inline-flex}.payment-history-badge svg{flex:none;width:17px;height:17px}.payment-history-badge.is-succeeded{color:#147f59;background:#dcf7e9}.payment-history-badge.is-failed{color:#b8513e;background:#ffe7e2}.payment-history-badge.is-review{color:#7853b4;background:#ece5ff}.payment-history-empty{color:#607b92;text-align:center;background:#fff;border-radius:20px;justify-items:center;gap:14px;padding:35px 20px;display:grid}.payment-history-empty a{color:#5735c6;font-weight:800;text-decoration:underline}.payment-history-pagination{margin-top:22px}@media (width<=700px){.payment-history-scene{background-size:auto 100%;padding:16px 16px 70px}.payment-history-scene>.checkout-header{gap:3px;padding-inline:12px}.payment-history-scene .checkout-nav{gap:6px 18px;font-size:10px}.payment-history-panel{border-radius:26px;margin-top:28px;padding:22px 16px 28px}.payment-history-heading{padding:0 0 150px}.payment-history-heading h1{font-size:clamp(25px,6.5vw,33px)}.payment-history-heading p{max-width:270px;font-size:12px}.payment-history-mascot{width:195px;height:135px;bottom:4px;right:5px}.payment-history-cloud{width:140px;right:135px}.payment-history-row{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:16px 14px}.payment-history-resume{justify-content:center;padding-inline:8px;font-size:12px;left:78px;right:14px}.payment-history-icon{border-radius:14px;width:50px;height:54px}.payment-history-icon>img,.payment-history-icon>svg{width:42px;height:42px}.payment-history-description h2{font-size:18px}.payment-history-date{gap:6px;font-size:12px}.payment-history-summary{border-left:0;flex-wrap:wrap;grid-column:2;align-items:center;gap:8px;padding-left:0;display:flex}.payment-history-summary>strong{font-size:17px}.payment-history-badge{padding:3px 9px;font-size:11px}}@media (prefers-reduced-motion:reduce){.payment-history-row{transition:none}}body.jawi-page-welcome .landing{isolation:isolate;scrollbar-color:#9fd7f5 #222;scrollbar-gutter:stable;scrollbar-width:auto;flex-direction:column;min-height:100vh;padding:clamp(10px,1.5vw,22px) clamp(18px,3vw,48px) clamp(160px,22vh,300px);display:flex;position:relative;overflow-x:hidden;height:100dvh!important;overflow-y:scroll!important}body.jawi-page-welcome .landing::-webkit-scrollbar{width:16px}body.jawi-page-welcome .landing::-webkit-scrollbar-track{background:#222}body.jawi-page-welcome .landing::-webkit-scrollbar-thumb{background:#9fd7f5;border:3px solid #222;border-radius:0}body.jawi-page-welcome .landing:after{content:"";flex:0 0 clamp(28px,5vh,70px);display:block}body.jawi-page-welcome .landing-bg{pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100vw;height:100vh;position:fixed;inset:0}body.jawi-page-welcome .topbar,body.jawi-page-welcome .hero,body.jawi-page-welcome .feature-grid{z-index:20;width:100%;max-width:min(94vw,1240px);margin-left:auto;margin-right:auto;position:relative}body.jawi-page-welcome .topbar{z-index:70;flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(14px,2vw,34px);min-height:auto;display:flex}body.jawi-page-welcome .corner-logo{z-index:95;width:clamp(76px,7vw,110px);height:clamp(76px,7vw,110px);box-shadow:none;background:0 0;border-radius:0;place-items:center;display:grid;position:absolute;top:0;left:0;overflow:hidden}body.jawi-page-welcome .corner-logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}body.jawi-page-welcome .topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(8px,1vw,16px);width:100%;display:flex}body.jawi-page-welcome .mobile-topbar{z-index:90;justify-content:flex-end;align-items:flex-start;width:100%;display:none;position:relative}body.jawi-page-welcome .mobile-menu-button{--tw-shadow:0 10px 20px #2070ae2e;--tw-shadow-colored:0 10px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);z-index:92;background-color:#fffffff2;border-width:0;border-radius:14px;place-items:center;gap:4px;width:44px;height:44px;padding:10px;display:grid;position:relative}body.jawi-page-welcome .mobile-menu-button span{background:#2478e9;border-radius:999px;width:20px;height:3px;display:block}body.jawi-page-welcome .mobile-menu{--tw-shadow:0 18px 38px #2070ae47;--tw-shadow-colored:0 18px 38px var(--tw-shadow-color);width:min(280px,100vw - 40px);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);z-index:91;background:#fff;border:2px solid #fffffff2;border-radius:1rem;gap:.75rem;padding:1rem;display:grid;position:absolute;top:3.5rem;right:0}body.jawi-page-welcome .mobile-menu[hidden]{display:none}body.jawi-page-welcome .mobile-nav{gap:.5rem;display:grid}body.jawi-page-welcome .mobile-nav a{--tw-bg-opacity:1;background-color:rgb(237 248 255/var(--tw-bg-opacity,1));color:#294a7a;border-radius:.75rem;place-items:center;min-height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:900;line-height:1.25rem;text-decoration-line:none;display:grid}body.jawi-page-welcome .mobile-nav a:first-child{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(#62c8ff,#2696e9)}body.jawi-page-welcome .mobile-language,body.jawi-page-welcome .mobile-auth{justify-content:center}body.jawi-page-welcome .brand{--tw-drop-shadow:drop-shadow(0 4px 0 #ffffffdb);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);color:#2478e9;flex-shrink:0;order:2;justify-items:center;font-size:clamp(30px,3.35vw,52px);font-weight:900;line-height:1;text-decoration-line:none;display:grid;position:relative}body.jawi-page-welcome .brand span span:nth-child(2){color:#33b95a}body.jawi-page-welcome .brand span span:nth-child(3){color:#ff5f76}body.jawi-page-welcome .brand-badge{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;place-items:center;width:clamp(34px,3.4vw,54px);height:clamp(34px,3.4vw,54px);font-size:clamp(18px,1.6vw,28px);display:grid;position:absolute;top:clamp(-10px,-.65vw,-5px)}body.jawi-page-welcome .brand-badge.star{--tw-rotate:-10deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 230 77/var(--tw-bg-opacity,1));left:clamp(-54px,-3.7vw,-34px)}body.jawi-page-welcome .brand-badge.book{--tw-rotate:9deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(115 220 62/var(--tw-bg-opacity,1));right:clamp(-56px,-3.8vw,-36px)}body.jawi-page-welcome .brand small{text-align:center;--tw-shadow:inset 0 -4px 0 #7c480f40,0 7px 14px #1e5e7e2e;--tw-shadow-colored:inset 0 -4px 0 var(--tw-shadow-color), 0 7px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);color:#754617;background:linear-gradient(#ffc764,#ee9940);border-radius:clamp(8px,.8vw,12px);min-width:clamp(120px,13vw,190px);margin-top:clamp(6px,.7vw,12px);padding:clamp(7px,.8vw,13px) clamp(18px,2vw,34px);font-size:clamp(15px,1.35vw,23px);font-weight:900}body.jawi-page-welcome .nav{--tw-shadow:0 8px 20px #2070ae26;--tw-shadow-colored:0 8px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#ffffffe6;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(2px,.25vw,5px);padding:clamp(4px,.45vw,7px);display:flex}body.jawi-page-welcome .nav a,body.jawi-page-welcome .auth a{color:#294a7a;border-radius:9999px;place-items:center;min-height:clamp(28px,2.55vw,38px);padding-inline:clamp(11px,1.35vw,20px);font-size:clamp(10px,.75vw,12px);font-weight:900;text-decoration-line:none;display:inline-grid}body.jawi-page-welcome .nav a:first-child{--tw-bg-opacity:1;background-color:rgb(234 244 255/var(--tw-bg-opacity,1));color:#285dbd}body.jawi-page-welcome .language-switch,body.jawi-page-welcome .auth{align-items:center;gap:clamp(6px,.8vw,12px);display:flex}body.jawi-page-welcome .language-switch{--tw-shadow:0 8px 18px #2070ae29;--tw-shadow-colored:0 8px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#ffffffe6;border-radius:9999px;gap:clamp(2px,.25vw,5px);padding:clamp(4px,.4vw,6px)}body.jawi-page-welcome .language-switch button{cursor:pointer;color:#294a7a;background-color:#0000;border-width:0;border-radius:9999px;min-width:clamp(30px,2.7vw,40px);min-height:clamp(26px,2.35vw,34px);font-size:clamp(10px,.75vw,12px);font-weight:900}body.jawi-page-welcome .language-switch button.active{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:inset 0 -3px 0 #0054a133;--tw-shadow-colored:inset 0 -3px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background:linear-gradient(#62c8ff,#2696e9)}body.jawi-page-welcome .auth a{--tw-shadow:0 8px 18px #2070ae26;--tw-shadow-colored:0 8px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#fffffff2}body.jawi-page-welcome .auth .register,body.jawi-page-welcome .cta.primary{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:inset 0 -5px 0 #247e0047,0 11px 22px #3aa00040;--tw-shadow-colored:inset 0 -5px 0 var(--tw-shadow-color), 0 11px 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background:linear-gradient(#a7ee22,#4dcc03)}body.jawi-page-welcome .button-icon,body.jawi-page-welcome .play-icon{border-radius:9999px;place-items:center;width:clamp(24px,2.4vw,34px);height:clamp(24px,2.4vw,34px);display:grid}body.jawi-page-welcome .button-icon{--tw-bg-opacity:1;background-color:rgb(255 223 63/var(--tw-bg-opacity,1));--tw-shadow:inset 0 -2px 0 #a1740038;--tw-shadow-colored:inset 0 -2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);font-size:.875rem;line-height:1.25rem}body.jawi-page-welcome .hero{grid-template-columns:repeat(1,minmax(0,1fr));align-items:center;min-height:0;display:grid}@media (width>=768px){body.jawi-page-welcome .hero{grid-template-columns:.82fr 1.18fr}}body.jawi-page-welcome .hero{gap:clamp(14px,2vw,30px);padding-block:clamp(18px,4vh,48px)}body.jawi-page-welcome .copy{z-index:30;text-align:center;justify-self:center;position:relative}@media (width>=768px){body.jawi-page-welcome .copy{text-align:left;justify-self:start}}body.jawi-page-welcome .copy{grid-column:1;padding-left:clamp(0px,10vw,145px)}body.jawi-page-welcome .eyebrow{--tw-shadow:inset 0 0 0 1px #ffffff38;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);width:fit-content;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#ffffff40;border-radius:9999px;margin-left:auto;margin-right:auto;font-weight:900}@media (width>=768px){body.jawi-page-welcome .eyebrow{margin-left:0;margin-right:0}}body.jawi-page-welcome .eyebrow{color:#2381d3;margin-bottom:clamp(12px,1.4vw,22px);padding:clamp(8px,.8vw,12px) clamp(16px,1.6vw,26px);font-size:clamp(13px,1.15vw,18px)}body.jawi-page-welcome .blue{color:#207bee}body.jawi-page-welcome .green{color:#23aa44}body.jawi-page-welcome .red{color:#ff4d62}body.jawi-page-welcome .purple{color:#7d4be4}body.jawi-page-welcome .lead{margin-left:auto;margin-right:auto;font-weight:700}@media (width>=768px){body.jawi-page-welcome .lead{margin-left:0;margin-right:0}}body.jawi-page-welcome .lead{color:#294774;max-width:clamp(320px,39vw,610px);margin-top:clamp(14px,1.8vw,28px);font-size:clamp(15px,1.4vw,22px);line-height:1.58}body.jawi-page-welcome .actions{flex-wrap:wrap;justify-content:center;display:flex}@media (width>=768px){body.jawi-page-welcome .actions{justify-content:flex-start}}body.jawi-page-welcome .actions{gap:clamp(12px,1.6vw,24px);margin-top:clamp(20px,2.3vw,36px)}body.jawi-page-welcome .cta{border-radius:1rem;align-items:center;gap:clamp(9px,1vw,15px);min-height:clamp(50px,4.6vw,70px);padding-inline:clamp(20px,2.5vw,38px);font-size:clamp(16px,1.6vw,24px);font-weight:900;text-decoration-line:none;display:inline-flex}body.jawi-page-welcome .cta.secondary{--tw-shadow:0 8px 18px #2070ae26,inset 0 -3px 0 #297de414;--tw-shadow-colored:0 8px 18px var(--tw-shadow-color), inset 0 -3px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);color:#2c80e4;background-color:#ffffffe6}body.jawi-page-welcome .trust{flex-wrap:wrap;justify-content:center;font-weight:900;display:flex}@media (width>=768px){body.jawi-page-welcome .trust{justify-content:flex-start}}body.jawi-page-welcome .trust{color:#3e5c89;gap:clamp(10px,1.3vw,20px);margin-top:clamp(16px,2vw,30px);font-size:clamp(11px,1vw,15px)}body.jawi-page-welcome .trust span{align-items:center;gap:.375rem;display:inline-flex}body.jawi-page-welcome .feature-grid{z-index:30;grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (width>=640px){body.jawi-page-welcome .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){body.jawi-page-welcome .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}body.jawi-page-welcome .feature-grid{gap:clamp(14px,1.7vw,24px);margin-top:clamp(8px,2vh,30px);margin-bottom:clamp(110px,18vh,260px)}body.jawi-page-welcome .feature{text-align:center;--tw-shadow:0 12px 25px #2d6c8429,inset 0 0 0 1px #ffffffdb;--tw-shadow-colored:0 12px 25px var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#ffffffe0;border-radius:1rem;align-content:center;justify-items:center;gap:clamp(8px,.9vw,14px);min-height:clamp(128px,11vw,172px);padding:clamp(16px,1.6vw,26px);display:grid}body.jawi-page-welcome .feature:nth-child(2){background-color:#f1fff0e6}body.jawi-page-welcome .feature:nth-child(3){background-color:#fff0f6e6}body.jawi-page-welcome .feature:nth-child(4){background-color:#f5efffe6}body.jawi-page-welcome .feature .icon{--tw-bg-opacity:1;background-color:rgb(255 240 179/var(--tw-bg-opacity,1));border-radius:9999px;place-items:center;width:clamp(48px,4.6vw,72px);height:clamp(48px,4.6vw,72px);font-size:clamp(22px,2.2vw,34px);display:grid}body.jawi-page-welcome .feature h2{color:#25458e;margin:0;font-size:clamp(18px,1.65vw,26px);font-weight:900}body.jawi-page-welcome .feature p{color:#51668d;margin:0;font-size:clamp(12px,1vw,16px);font-weight:700;line-height:1.375}@media (width<=980px){body.jawi-page-welcome .copy{padding-left:0}}@media (width>=1024px){body.jawi-page-welcome .landing{min-height:100vh;padding:clamp(16px,1.4vw,24px) clamp(34px,3.4vw,64px) clamp(70px,7vh,130px)}body.jawi-page-welcome .landing:after{flex-basis:clamp(24px,4vh,70px)}body.jawi-page-welcome .topbar,body.jawi-page-welcome .hero,body.jawi-page-welcome .feature-grid{max-width:min(96vw,1360px)}body.jawi-page-welcome .topbar{gap:clamp(20px,2.8vh,42px)}body.jawi-page-welcome .topbar-actions{padding-left:clamp(96px,8vw,140px);padding-right:clamp(10px,4vw,72px)}body.jawi-page-welcome .brand{font-size:clamp(42px,3.8vw,62px)}body.jawi-page-welcome .brand small{min-width:clamp(150px,13vw,210px);font-size:clamp(18px,1.35vw,24px)}body.jawi-page-welcome .nav a,body.jawi-page-welcome .auth a{min-height:clamp(32px,2.7vw,44px);padding-inline:clamp(14px,1.45vw,24px);font-size:clamp(11px,.78vw,13px)}body.jawi-page-welcome .language-switch button{min-width:clamp(34px,2.8vw,44px);min-height:clamp(30px,2.4vw,38px)}body.jawi-page-welcome .hero{min-height:clamp(500px,57vh,720px);padding-block:clamp(28px,4vh,62px) clamp(28px,4vh,58px)}body.jawi-page-welcome .copy{padding-left:clamp(110px,12vw,220px)}body.jawi-page-welcome .eyebrow{font-size:clamp(15px,1.05vw,18px)}body.jawi-page-welcome .lead{max-width:clamp(410px,34vw,560px);font-size:clamp(18px,1.32vw,22px);line-height:1.6}body.jawi-page-welcome .cta{min-height:clamp(58px,4vw,70px);padding-inline:clamp(26px,2.4vw,40px);font-size:clamp(19px,1.45vw,25px)}body.jawi-page-welcome .trust{font-size:clamp(13px,.92vw,16px)}body.jawi-page-welcome .feature-grid{gap:clamp(18px,1.8vw,28px);max-width:min(92vw,1320px);margin-top:clamp(22px,3vh,48px);margin-bottom:clamp(18px,3vh,48px)}body.jawi-page-welcome .feature{min-height:clamp(158px,12vw,190px);padding:clamp(20px,1.8vw,30px)}}@media (width<=620px){body.jawi-page-welcome .landing{padding:14px 12px 170px}body.jawi-page-welcome .topbar{align-items:stretch;gap:12px}body.jawi-page-welcome .mobile-topbar{min-height:50px;padding-left:62px;display:flex}body.jawi-page-welcome .topbar-actions{display:none}body.jawi-page-welcome .brand{align-self:center;max-width:calc(100vw - 70px);font-size:clamp(25px,8vw,32px)}body.jawi-page-welcome .corner-logo{border-radius:0;width:56px;height:56px}body.jawi-page-welcome .hero{align-items:start;gap:.5rem;min-height:auto;margin-bottom:18px;padding-top:10px;padding-bottom:22px}body.jawi-page-welcome .copy{width:100%;padding-bottom:18px}body.jawi-page-welcome .eyebrow{padding:8px 13px;font-size:12px}body.jawi-page-welcome h1{max-width:100%;font-size:clamp(26px,8vw,34px)}body.jawi-page-welcome .lead{max-width:100%;font-size:13px;line-height:1.45}body.jawi-page-welcome .feature-grid{gap:12px;margin-top:16px}body.jawi-page-welcome .actions{display:grid}body.jawi-page-welcome .cta{justify-content:center}}@media (width>=621px) and (width<=1023px){body.jawi-page-welcome .landing{padding:18px 24px 120px}body.jawi-page-welcome .topbar-actions{justify-content:flex-end;padding-left:92px}body.jawi-page-welcome .hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding-block:32px}body.jawi-page-welcome .copy{text-align:center;padding-left:0}body.jawi-page-welcome .eyebrow,body.jawi-page-welcome .lead{margin-left:auto;margin-right:auto}body.jawi-page-welcome .actions,body.jawi-page-welcome .trust{justify-content:center}}body.jawi-auth-login *{box-sizing:border-box}body.jawi-auth-login{color:#173166;background-color:#bdefff;background-image:url(/images/auth/forgetpass-bg.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;min-height:100svh;margin:0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}body.jawi-auth-login .login-scene{place-items:center;min-height:100svh;padding:34px 18px 28px;display:grid;position:relative;overflow:hidden}body.jawi-auth-login .back-home-button{z-index:3;color:#2077d8;background:#ffffffeb;border:3px solid #ffffffe6;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:1000;text-decoration:none;display:inline-flex;position:absolute;top:18px;left:18px;box-shadow:0 12px 24px #5087a12e}body.jawi-auth-login .back-home-button span:first-child{color:#2077d8;background:#e6f6ff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:grid}body.jawi-auth-login .sparkle{color:#fff;text-shadow:0 3px #97be4347;font-size:32px;font-weight:900;position:absolute}body.jawi-auth-login .sparkle.one{top:70px;left:25%}body.jawi-auth-login .sparkle.two{top:108px;right:32%}body.jawi-auth-login .login-wrap{z-index:2;justify-items:center;width:min(520px,100%);display:grid;position:relative}body.jawi-auth-login .login-title{text-align:center;filter:drop-shadow(0 10px 10px #555b8b24);margin-bottom:-10px}body.jawi-auth-login .login-title .top{color:#fff;text-shadow:0 4px #fffffff2,5px 7px #595dc333;justify-content:center;align-items:center;gap:12px;font-size:clamp(42px,6vw,74px);font-weight:900;line-height:.9;display:flex}body.jawi-auth-login .login-title .top span:nth-child(2){color:#ff971e}body.jawi-auth-login .login-title .top span:nth-child(3){color:#86d536}body.jawi-auth-login .login-title .top span:nth-child(4){color:#51bf63}body.jawi-auth-login .login-title .top span:nth-child(5){color:#ff6a78}body.jawi-auth-login .login-title .top span:nth-child(6){color:#45c5ef}body.jawi-auth-login .login-title .top span:nth-child(7){color:#8a64df}body.jawi-auth-login .login-title .board{color:#7c4a23;background:linear-gradient(#ffc56b,#e7974a);border:3px solid #b77539;border-radius:14px;margin-top:-2px;padding:8px 32px 10px;font-size:clamp(22px,3vw,34px);font-weight:900;display:inline-block;box-shadow:inset 0 3px #ffffff73}body.jawi-auth-login .login-title .board small{color:#80512d;margin-top:-2px;font-size:15px;display:block}body.jawi-auth-login .title-star,body.jawi-auth-login .title-book{background:#fff77d;border-radius:22px;place-items:center;width:76px;height:76px;font-size:42px;display:grid;transform:rotate(-10deg);box-shadow:0 12px 20px #5b763a29}body.jawi-auth-login .title-book{color:#15751a;background:#7edb4b;transform:rotate(10deg)}body.jawi-auth-login .login-card{background:#fffffff5;border-radius:34px;width:100%;padding:38px 42px 32px;box-shadow:0 22px 44px #5087a12e,inset 0 0 0 5px #ffffffb3}body.jawi-auth-login .field{margin-bottom:20px}body.jawi-auth-login .field label,body.jawi-auth-login .remember span{color:#203875;font-size:18px;font-weight:900}body.jawi-auth-login .input-shell{background:linear-gradient(#f0fbff,#dff3ff);border:2px solid #d2eeff;border-radius:17px;grid-template-columns:58px minmax(0,1fr) 52px;align-items:center;height:58px;margin-top:10px;display:grid;overflow:hidden;box-shadow:inset 0 2px 6px #498bb914}body.jawi-auth-login .input-shell .input-icon{color:#fff;background:#2077d8;border-radius:10px;place-items:center;width:34px;height:34px;margin-left:12px;font-size:20px;display:grid;box-shadow:inset 0 -3px #0000001a}body.jawi-auth-login .input-shell .input-icon-wrap{border-right:1px solid #bbd8ee;align-items:center;height:100%;display:flex}body.jawi-auth-login .input-shell .input-icon:after{content:"";position:absolute}body.jawi-auth-login .input-shell input{color:#1e3265;width:100%;min-width:0;height:100%;box-shadow:none;background:0 0;border:0;outline:none;padding:0 14px;font-size:17px;font-weight:700}body.jawi-auth-login .input-shell input::placeholder{color:#9aa9b8}body.jawi-auth-login .input-shell input:focus{box-shadow:none;--tw-ring-color:transparent;--tw-ring-shadow:0 0 #0000;border:0;outline:none}body.jawi-auth-login .input-shell:focus-within{border-color:#83d9ff;box-shadow:inset 0 2px 6px #498bb914,0 0 0 4px #5dccff38}body.jawi-auth-login .eye{color:#1f72d4;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:44px;height:44px;font-size:23px;display:grid}body.jawi-auth-login .eye:hover{background:#2d82d814}body.jawi-auth-login .remember{align-items:center;gap:10px;margin-bottom:18px;display:flex}body.jawi-auth-login .remember input{accent-color:#75d72a;border-radius:6px;width:22px;height:22px}body.jawi-auth-login .actions{border-top:2px dashed #d9e9f7;grid-template-columns:1fr 215px;align-items:center;gap:16px;padding-top:12px;display:grid}body.jawi-auth-login .forgot{color:#2876da;font-size:15px;font-weight:800;text-decoration:none}body.jawi-auth-login .login-button{color:#fff;cursor:pointer;text-shadow:0 2px #0000001f;background:linear-gradient(#a8e638,#60c80d);border:0;border-radius:19px;height:58px;font-size:20px;font-weight:900;box-shadow:inset 0 -6px #37960c4d,0 12px 18px #4dac163d}body.jawi-auth-login .login-button span{color:#fff;width:36px;height:36px;text-shadow:none;background:#ffdf35;border-radius:999px;place-items:center;margin-left:8px;display:inline-grid}body.jawi-auth-login .tagline{z-index:2;color:#004487;text-align:center;margin-top:30px;font-size:18px;font-weight:900;position:relative}body.jawi-auth-login .error{color:#ef4444;margin-top:8px;font-size:13px;font-weight:800}body.jawi-auth-login .status{color:#217b2f;background:#ecfff1;border-radius:16px;width:100%;margin-bottom:14px;padding:12px 14px;font-weight:800}body.jawi-auth-login .subscription-modal{z-index:50;background:#142a4e6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}body.jawi-auth-login .subscription-modal-card{text-align:center;background:#fff;border-radius:28px;width:min(430px,100%);padding:28px;box-shadow:0 24px 54px #1a497347,inset 0 0 0 5px #ffffffad}body.jawi-auth-login .subscription-modal-icon{color:#fff;background:linear-gradient(#ff8a8a,#ef4444);border-radius:999px;place-items:center;width:72px;height:72px;margin:0 auto 14px;font-size:36px;font-weight:900;display:grid;box-shadow:inset 0 -6px #8f14142e}body.jawi-auth-login .subscription-modal-card h2{color:#173166;margin:0;font-size:28px;font-weight:900}body.jawi-auth-login .subscription-modal-card p{color:#4e5f80;margin:12px 0 22px;font-size:16px;font-weight:700;line-height:1.5}body.jawi-auth-login .subscription-modal-card button{color:#fff;cursor:pointer;background:linear-gradient(#56c3ff,#1c82dd);border:0;border-radius:16px;min-height:48px;padding:0 28px;font-family:inherit;font-size:16px;font-weight:900;box-shadow:inset 0 -4px #0054a138}@media (width<=640px){body.jawi-auth-login{background-position:top;background-size:auto 100%;overflow-y:auto}body.jawi-auth-login .login-scene{min-height:100svh;padding:max(70px, env(safe-area-inset-top)) 12px max(24px, env(safe-area-inset-bottom));place-items:start center;overflow:visible}body.jawi-auth-login .back-home-button{top:max(14px, env(safe-area-inset-top));min-height:40px;padding:0 13px;font-size:13px;left:12px}body.jawi-auth-login .login-wrap{width:min(100%,340px)}body.jawi-auth-login .sparkle{display:none}body.jawi-auth-login .login-title{margin-bottom:-6px}body.jawi-auth-login .login-title .top{letter-spacing:0;text-shadow:0 3px #fffffff2,3px 5px #595dc329;gap:5px;font-size:36px;line-height:.9}body.jawi-auth-login .title-star,body.jawi-auth-login .title-book{border-radius:15px;width:48px;height:48px;font-size:27px}body.jawi-auth-login .login-title .board{border-width:3px;border-radius:13px;padding:7px 24px 8px;font-size:21px}body.jawi-auth-login .login-title .board small{font-size:13px;line-height:1.15}body.jawi-auth-login .login-card{border-radius:26px;padding:28px 18px 22px}body.jawi-auth-login .field{margin-bottom:16px}body.jawi-auth-login .field label,body.jawi-auth-login .remember span{font-size:16px}body.jawi-auth-login .input-shell{border-radius:16px;grid-template-columns:52px minmax(0,1fr) 42px;height:52px;margin-top:8px}body.jawi-auth-login .field:first-of-type .input-shell{grid-template-columns:52px minmax(0,1fr)}body.jawi-auth-login .input-shell .input-icon{border-radius:9px;width:31px;height:31px;margin-left:10px;font-size:18px}body.jawi-auth-login .input-shell input{padding:0 12px;font-size:14px}body.jawi-auth-login .eye{width:38px;height:38px;font-size:18px}body.jawi-auth-login .remember{gap:9px;margin-bottom:14px}body.jawi-auth-login .remember input{width:21px;height:21px}body.jawi-auth-login .actions{grid-template-columns:1fr;gap:14px;padding-top:12px}body.jawi-auth-login .forgot{font-size:14px}body.jawi-auth-login .login-button{border-radius:18px;width:100%;height:54px;font-size:18px}body.jawi-auth-login .login-button span{width:34px;height:34px}body.jawi-auth-login .tagline{margin-top:22px;font-size:14px;line-height:1.3}}@media (width<=380px){body.jawi-auth-login .login-wrap{width:min(100%,320px)}body.jawi-auth-login .login-title .top{gap:4px;font-size:32px}body.jawi-auth-login .title-star,body.jawi-auth-login .title-book{width:42px;height:42px;font-size:24px}body.jawi-auth-login .login-card{padding-inline:16px}}body.jawi-auth-register *{box-sizing:border-box}body.jawi-auth-register{color:#194a1b;background-color:#efffbd;background-image:url(/images/auth/login-bg.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;min-height:100svh;margin:0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}body.jawi-auth-register .register-scene{place-items:center;min-height:100svh;padding:12px 18px;display:grid;position:relative;overflow:hidden}body.jawi-auth-register .back-home-button{z-index:3;color:#268c22;background:#ffffffe6;border:3px solid #ffffffe6;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:1000;text-decoration:none;display:inline-flex;position:absolute;top:18px;left:18px;box-shadow:0 12px 24px #5594302e}body.jawi-auth-register .back-home-button span:first-child{color:#35bf14;background:#e9ffd1;border-radius:50%;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:grid}body.jawi-auth-register .register-wrap{z-index:2;justify-items:center;width:min(610px,100%);display:grid;position:relative}body.jawi-auth-register .brand-pill{color:#19821f;background:#ffffffe0;border-radius:999px;align-items:center;gap:10px;padding:7px 18px;font-size:22px;font-weight:1000;line-height:1.05;display:inline-flex;box-shadow:0 14px 30px #699d2729}body.jawi-auth-register .brand-pill span:first-child{background:linear-gradient(160deg,#b07635,#7fd33a);border-radius:14px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 -4px #0000001f}body.jawi-auth-register .register-title{text-align:center;margin:4px 0 8px}body.jawi-auth-register .register-title h1{color:#1d891f;letter-spacing:1px;text-shadow:0 4px #fff,0 7px #41802724;margin:0;font-size:clamp(42px,5.2vw,62px);font-weight:1000;line-height:1}body.jawi-auth-register .register-title p{color:#4a6044;margin:4px 0 0;font-size:17px;font-weight:800}body.jawi-auth-register .register-card{background:#ffffffed;border:7px solid #c3ec7fd6;border-radius:44px;width:100%;margin-top:20px;padding:38px 58px 20px;position:relative;box-shadow:0 24px 55px #55943038,inset 0 0 0 2px #ffffffe6}body.jawi-auth-register .shield{color:#fff;background:linear-gradient(#9be94e,#45c91d);border:6px solid #fff;border-radius:50%;place-items:center;width:62px;height:62px;font-size:27px;display:grid;position:absolute;top:-34px;left:50%;transform:translate(-50%);box-shadow:0 14px 22px #55a22238}body.jawi-auth-register .field{margin-bottom:10px}body.jawi-auth-register .field label{color:#34415a;margin:0 0 5px 64px;font-size:15px;font-weight:900;display:block}body.jawi-auth-register .optional-label{color:#55b92b;text-transform:uppercase;margin-left:4px;font-size:11px;font-weight:900}body.jawi-auth-register .input-row{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;display:grid}body.jawi-auth-register .input-icon{color:#49bd20;background:linear-gradient(#f7ffe8,#edfbd4);border:2px solid #dff5ad;border-radius:14px;place-items:center;width:46px;height:46px;font-size:23px;display:grid;box-shadow:0 7px 14px #66a32f29}body.jawi-auth-register .input-shell{background:#fff;border:2px solid #dbe9ca;border-radius:12px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;height:46px;display:grid;overflow:hidden;box-shadow:0 7px 16px #52672e14}body.jawi-auth-register .input-shell input{color:#1e2f50;caret-color:#35bf14;background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;padding:0 16px;font-size:15px;font-weight:700}body.jawi-auth-register .input-shell input:focus{box-shadow:none;--tw-ring-shadow:0 0 #0000;border:0;outline:none}body.jawi-auth-register .input-shell input::placeholder{color:#a8b2bd}body.jawi-auth-register .peek{color:#8a929c;cursor:pointer;background:0 0;border:0;place-items:center;font-size:18px;display:grid}body.jawi-auth-register .error{color:#ef4444;margin:5px 0 0 64px;font-size:13px;font-weight:800}body.jawi-auth-register .submit-button{color:#fff;cursor:pointer;background:linear-gradient(#83e63c,#35bf14);border:0;border-radius:999px;justify-content:center;align-items:center;gap:16px;width:min(340px,100%);min-height:54px;margin:8px auto 10px;font-size:28px;font-weight:1000;display:flex;box-shadow:inset 0 -7px #1f831547,0 14px 24px #37b3183d}body.jawi-auth-register .submit-button .star{color:#ffbd24;text-shadow:0 2px #d69718;background:#ffe66b;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;display:grid}body.jawi-auth-register .login-link{color:#6e7b60;border-top:2px dashed #d6efac;justify-content:center;align-items:center;gap:8px;padding-top:9px;font-size:15px;font-weight:800;display:flex}body.jawi-auth-register .login-link a{color:#268c22;text-underline-offset:3px;font-weight:1000;text-decoration:underline}body.jawi-auth-register .help-note{color:#436236;background:linear-gradient(#fbfff2,#f2ffd8);border:2px solid #d6ef9a;border-radius:18px;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:10px;width:min(420px,100%);margin:14px auto 0;padding:9px 16px;display:grid}body.jawi-auth-register .help-note strong{color:#3b9d28;font-size:14px;display:block}body.jawi-auth-register .help-note small{margin-top:3px;font-size:12px;font-weight:700;display:block}body.jawi-auth-register .help-icon{color:#54be25;background:#e9ffd1;border-radius:14px;place-items:center;width:40px;height:40px;font-size:24px;display:grid}@media (width>=761px){html,body.jawi-auth-register{height:100%;overflow:hidden}body.jawi-auth-register .register-scene{height:100svh;min-height:100svh;padding:clamp(8px,1.2svh,16px) 18px}body.jawi-auth-register .register-wrap{width:min(560px,100%)}body.jawi-auth-register .brand-pill{gap:9px;padding:6px 16px;font-size:clamp(19px,2.2svh,24px)}body.jawi-auth-register .brand-pill span:first-child{width:clamp(36px,4.2svh,44px);height:clamp(36px,4.2svh,44px)}body.jawi-auth-register .register-title{margin:clamp(2px,.5svh,5px) 0 clamp(5px,.8svh,9px)}body.jawi-auth-register .register-title h1{font-size:clamp(48px,6.2svh,68px)}body.jawi-auth-register .register-title p{margin-top:3px;font-size:clamp(15px,1.8svh,19px)}body.jawi-auth-register .register-card{border-width:6px;border-radius:38px;margin-top:clamp(16px,2svh,22px);padding:clamp(30px,3.6svh,38px) 50px clamp(14px,1.8svh,20px)}body.jawi-auth-register .shield{width:clamp(54px,6.4svh,62px);height:clamp(54px,6.4svh,62px);top:-31px}body.jawi-auth-register .field{margin-bottom:clamp(6px,.85svh,10px)}body.jawi-auth-register .field label{margin-bottom:4px;font-size:clamp(14px,1.55svh,16px)}body.jawi-auth-register .input-icon{width:clamp(40px,4.7svh,46px);height:clamp(40px,4.7svh,46px);font-size:clamp(20px,2.4svh,23px)}body.jawi-auth-register .input-shell{height:clamp(40px,4.7svh,46px)}body.jawi-auth-register .submit-button{min-height:clamp(46px,5.3svh,54px);margin:clamp(6px,.8svh,8px) auto clamp(7px,.9svh,10px);font-size:clamp(24px,3.1svh,30px)}body.jawi-auth-register .submit-button .star{width:clamp(36px,4.2svh,42px);height:clamp(36px,4.2svh,42px)}body.jawi-auth-register .login-link{padding-top:clamp(6px,.9svh,9px);font-size:clamp(14px,1.6svh,16px)}body.jawi-auth-register .help-note{margin-top:clamp(8px,1.2svh,14px);padding:clamp(7px,1svh,9px) 14px}}@media (width<=760px){body.jawi-auth-register{background-position:top;background-size:auto 100%;overflow-y:auto}body.jawi-auth-register .register-scene{min-height:100svh;padding:max(70px, env(safe-area-inset-top)) 12px max(24px, env(safe-area-inset-bottom));place-items:start center;overflow:visible}body.jawi-auth-register .back-home-button{top:max(14px, env(safe-area-inset-top));min-height:40px;padding:0 13px;font-size:13px;left:12px}body.jawi-auth-register .register-wrap{gap:0;width:min(100%,340px)}body.jawi-auth-register .brand-pill{gap:8px;padding:6px 14px;font-size:17px;line-height:1.05}body.jawi-auth-register .brand-pill span:first-child{border-radius:12px;width:34px;height:34px}body.jawi-auth-register .register-title{margin:6px 0}body.jawi-auth-register .register-title h1{letter-spacing:0;text-shadow:0 3px #fff,0 5px #4180271f;font-size:34px;line-height:.95}body.jawi-auth-register .register-title p{margin-top:5px;font-size:13px;line-height:1.25}body.jawi-auth-register .register-card{border-width:5px;border-radius:26px;margin-top:16px;padding:28px 14px 16px}body.jawi-auth-register .shield{border-width:5px;width:54px;height:54px;font-size:23px;top:-27px}body.jawi-auth-register .field{margin-bottom:9px}body.jawi-auth-register .field label{margin:0 0 5px;font-size:14px;line-height:1.15}body.jawi-auth-register .error{margin-left:0}body.jawi-auth-register .input-row{grid-template-columns:36px minmax(0,1fr);gap:7px}body.jawi-auth-register .input-icon{border-radius:11px;width:36px;height:36px;font-size:18px}body.jawi-auth-register .input-shell{border-radius:12px;grid-template-columns:minmax(0,1fr);height:40px}body.jawi-auth-register .input-shell:has(.peek){grid-template-columns:minmax(0,1fr) 34px}body.jawi-auth-register .input-shell input{padding:0 12px;font-size:14px}body.jawi-auth-register .input-shell>span:not(.peek){display:none}body.jawi-auth-register .peek{font-size:15px}body.jawi-auth-register .submit-button{gap:10px;min-height:48px;margin:8px auto 9px;font-size:22px;box-shadow:inset 0 -5px #1f831547,0 10px 18px #37b31833}body.jawi-auth-register .submit-button .star{width:34px;height:34px;font-size:19px}body.jawi-auth-register .login-link{flex-wrap:wrap;gap:6px;padding-top:8px;font-size:13px;line-height:1.25}body.jawi-auth-register .help-note{border-radius:16px;grid-template-columns:34px minmax(0,1fr) 20px;gap:8px;margin-top:10px;padding:8px 10px}body.jawi-auth-register .help-icon{border-radius:12px;width:34px;height:34px;font-size:20px}body.jawi-auth-register .help-note strong{font-size:12px;line-height:1.2}body.jawi-auth-register .help-note small{font-size:10px;line-height:1.2}}@media (width<=380px){body.jawi-auth-register .register-wrap{width:min(100%,320px)}body.jawi-auth-register .register-title h1{font-size:31px}body.jawi-auth-register .register-card{padding-inline:12px}}body.jawi-auth-forgot-password *{box-sizing:border-box}body.jawi-auth-forgot-password{color:#184718;background-color:#dfffbd;background-image:url(/images/auth/register-bg.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;min-height:100svh;margin:0;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}body.jawi-auth-forgot-password .forgot-scene{place-items:center;min-height:100svh;padding:44px 18px 34px;display:grid;position:relative;overflow:hidden}body.jawi-auth-forgot-password .back-home-button{z-index:3;color:#35842a;background:#ffffffeb;border:3px solid #ffffffe6;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:1000;text-decoration:none;display:inline-flex;position:absolute;top:18px;left:18px;box-shadow:0 12px 24px #4385302e}body.jawi-auth-forgot-password .back-home-button span:first-child{color:#55bf23;background:#efffe5;border-radius:50%;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:grid}body.jawi-auth-forgot-password .forgot-wrap{z-index:2;justify-items:center;width:min(565px,100%);display:grid;position:relative}body.jawi-auth-forgot-password .brand-pill{color:#35842a;background:#ffffffe0;border:4px solid #69b841;border-radius:999px;justify-content:center;align-items:center;min-height:62px;padding:8px 34px 10px;font-size:clamp(24px,3.1vw,31px);font-weight:1000;line-height:1;display:inline-flex;position:relative;box-shadow:0 8px #43882647,0 18px 28px #5594302e}body.jawi-auth-forgot-password .brand-pill:after{content:"★";color:#ffdf4f;text-shadow:0 2px #78b844;font-size:26px;position:absolute;top:-17px;right:8px;transform:rotate(14deg)}body.jawi-auth-forgot-password .forgot-title{text-align:center;margin:30px 0 12px}body.jawi-auth-forgot-password .forgot-title h1{color:#176a16;text-shadow:-5px -5px #fff,5px -5px #fff,-5px 5px #fff,5px 5px #fff,0 11px #3e7a282e;margin:0;font-size:clamp(48px,7.8vw,72px);font-weight:1000;line-height:.95}body.jawi-auth-forgot-password .forgot-title p{color:#244824;width:min(520px,100%);margin:18px auto 0;font-size:17px;font-weight:700;line-height:1.35}body.jawi-auth-forgot-password .forgot-card{background:#fffffff0;border-radius:34px;width:100%;margin-top:2px;padding:28px 31px 22px;box-shadow:0 20px 42px #43853038,inset 0 0 0 1px #ffffffe6}body.jawi-auth-forgot-password .status{color:#278125;background:#efffe5;border-radius:16px;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:800}body.jawi-auth-forgot-password .field label{color:#245421;margin:0 0 10px 6px;font-size:16px;font-weight:1000;display:block}body.jawi-auth-forgot-password .input-shell{background:#fff;border:2px solid #a8d492;border-radius:18px;grid-template-columns:58px minmax(0,1fr);align-items:center;height:58px;display:grid;overflow:hidden;box-shadow:inset 0 2px 5px #4c8b3814}body.jawi-auth-forgot-password .input-icon{color:#70bd41;place-items:center;font-size:29px;display:grid}body.jawi-auth-forgot-password .input-shell input{color:#1f3f1e;caret-color:#55bf23;width:100%;min-width:0;height:100%;box-shadow:none;background:0 0;border:0;outline:none;padding:0 16px 0 0;font-size:17px;font-weight:800}body.jawi-auth-forgot-password .input-shell input::placeholder{color:#a7aca8}body.jawi-auth-forgot-password .input-shell input:focus{box-shadow:none;--tw-ring-color:transparent;--tw-ring-shadow:0 0 #0000;border:0;outline:none}body.jawi-auth-forgot-password .input-shell:focus-within{border-color:#80c464;box-shadow:inset 0 2px 5px #4c8b3814,0 0 0 4px #80c46429}body.jawi-auth-forgot-password .error{color:#ef4444;margin:9px 0 0 6px;font-size:13px;font-weight:800}body.jawi-auth-forgot-password .reset-button{color:#fff;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;text-shadow:0 2px #1f6a0f2e;background:linear-gradient(#9be13f,#54c51d);border:0;border-radius:20px;justify-content:center;align-items:center;gap:18px;width:100%;min-height:64px;margin-top:18px;font-size:21px;font-weight:1000;display:flex;box-shadow:inset 0 -7px #267f1152,0 13px 18px #3aa11a3d}body.jawi-auth-forgot-password .reset-button span:first-child{font-size:31px;transform:rotate(-18deg)}body.jawi-auth-forgot-password .help-note{color:#4b6841;background:#f3faed;border-radius:18px;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:10px;min-height:42px;margin-top:24px;padding:8px 14px;font-size:14px;font-weight:800;display:grid}body.jawi-auth-forgot-password .help-icon{color:#59ac35;place-items:center;font-size:27px;display:grid}body.jawi-auth-forgot-password .help-note .heart{color:#ff718f;font-size:21px}@media (width<=760px){body.jawi-auth-forgot-password{background-position:top;background-size:auto 100%;overflow-y:auto}body.jawi-auth-forgot-password .forgot-scene{min-height:100svh;padding:max(70px, env(safe-area-inset-top)) 12px max(24px, env(safe-area-inset-bottom));place-items:start center;overflow:visible}body.jawi-auth-forgot-password .back-home-button{top:max(14px, env(safe-area-inset-top));min-height:40px;padding:0 13px;font-size:13px;left:12px}body.jawi-auth-forgot-password .forgot-wrap{width:min(100%,340px)}body.jawi-auth-forgot-password .brand-pill{border-width:3px;min-height:44px;padding:7px 24px 8px;font-size:20px;line-height:1.05;box-shadow:0 6px #43882638,0 14px 22px #55943024}body.jawi-auth-forgot-password .brand-pill:after{font-size:22px;top:-14px;right:7px}body.jawi-auth-forgot-password .forgot-title{margin:22px 0 10px}body.jawi-auth-forgot-password .forgot-title h1{text-shadow:-3px -3px #fff,3px -3px #fff,-3px 3px #fff,3px 3px #fff,0 7px #3e7a2826;font-size:35px;line-height:.98}body.jawi-auth-forgot-password .forgot-title p{width:min(310px,100%);margin-top:12px;font-size:13px;line-height:1.35}body.jawi-auth-forgot-password .forgot-card{border-radius:26px;padding:22px 18px 20px}body.jawi-auth-forgot-password .field label{margin:0 0 8px 4px;font-size:15px;line-height:1.15}body.jawi-auth-forgot-password .input-shell{border-radius:16px;grid-template-columns:48px minmax(0,1fr);height:52px}body.jawi-auth-forgot-password .input-icon{font-size:24px}body.jawi-auth-forgot-password .input-shell input{padding-right:12px;font-size:14px}body.jawi-auth-forgot-password .reset-button{letter-spacing:0;border-radius:18px;gap:10px;min-height:54px;margin-top:16px;font-size:15px;line-height:1.15;box-shadow:inset 0 -5px #267f1152,0 10px 16px #3aa11a33}body.jawi-auth-forgot-password .reset-button span:first-child{font-size:26px}body.jawi-auth-forgot-password .reset-button span:last-child{min-width:0}body.jawi-auth-forgot-password .help-note{border-radius:16px;grid-template-columns:32px minmax(0,1fr) 22px;gap:8px;margin-top:20px;padding:8px 10px;font-size:12px;line-height:1.25}body.jawi-auth-forgot-password .help-icon{font-size:24px}body.jawi-auth-forgot-password .help-note .heart{font-size:18px}}@media (width<=380px){body.jawi-auth-forgot-password .forgot-wrap{width:min(100%,320px)}body.jawi-auth-forgot-password .brand-pill{font-size:18px}body.jawi-auth-forgot-password .forgot-title h1{font-size:31px}body.jawi-auth-forgot-password .forgot-card{padding-inline:16px}}html,body{max-width:100%;overflow-x:hidden}html[class*=jawi-page-],body[class*=jawi-page-],body[class*=jawi-auth-],body.jawi-admin{min-height:100%;height:auto!important;overflow:hidden auto!important}body[class*=jawi-page-] main,body[class*=jawi-auth-] main,body.jawi-admin main,body[class*=jawi-page-] .page,body[class*=jawi-page-] .learn-page,body[class*=jawi-page-] .landing,body[class*=jawi-page-] .pricing-page,body[class*=jawi-page-] .terms-page,body[class*=jawi-auth-] .login-scene,body[class*=jawi-auth-] .register-scene,body[class*=jawi-auth-] .forgot-scene{min-height:100svh;height:auto!important;overflow-y:visible!important}body[class*=jawi-page-]{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}body[class*=jawi-page-] img,body[class*=jawi-auth-] img,body.jawi-admin img,body[class*=jawi-page-] table,body.jawi-admin table{max-width:100%}body[class*=jawi-page-] button,body[class*=jawi-page-] a,body[class*=jawi-auth-] button,body[class*=jawi-auth-] a,body.jawi-admin button,body.jawi-admin a{min-width:0}body[class*=jawi-page-] h1,body[class*=jawi-page-] h2,body[class*=jawi-page-] h3,body[class*=jawi-auth-] h1,body[class*=jawi-auth-] h2,body.jawi-admin h1,body.jawi-admin h2,body.jawi-admin h3{overflow-wrap:anywhere}body[class*=jawi-page-learn-]{background-image:var(--jawi-learn-bg)!important;background-position:bottom!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important}@media (width<=1023px){body.jawi-admin main{width:100%;max-width:100vw}body.jawi-admin header>div{gap:1rem;padding-left:1rem;padding-right:1rem}body.jawi-admin header a:first-child,body.jawi-admin header a:first-child>span:last-child{min-width:0}body.jawi-admin header a:first-child .font-serif{font-size:clamp(1.25rem,5vw,1.75rem)}}@media (width<=767px){body[class*=jawi-page-learn-]{background-attachment:scroll!important}body[class*=jawi-page-learn-] .lesson,body[class*=jawi-page-learn-] .learn-page,body[class*=jawi-page-learn-] .page,body[class*=jawi-page-learn-] main{width:100%!important;max-width:100vw!important;margin-left:auto!important;margin-right:auto!important}body[class*=jawi-page-learn-] .panel,body[class*=jawi-page-learn-] .activity-panel,body[class*=jawi-page-learn-] .quiz,body[class*=jawi-page-learn-] .card,body[class*=jawi-page-learn-] article,body[class*=jawi-page-learn-] section{max-width:100%}body[class*=jawi-page-learn-] .bottom-nav,body[class*=jawi-page-learn-] .builder,body[class*=jawi-page-learn-] .lower,body[class*=jawi-page-learn-] .hero{grid-template-columns:minmax(0,1fr)!important}body.jawi-admin main{padding-left:.875rem!important;padding-right:.875rem!important}body.jawi-admin .overflow-x-auto{max-width:calc(100vw - 1.75rem)}}@media (width<=420px){body[class*=jawi-page-] .mobile-menu{width:min(270px,100vw - 32px)!important}body[class*=jawi-page-] .corner-logo{width:50px!important;height:50px!important}body[class*=jawi-auth-] .back-home-button{left:10px!important}body.jawi-admin header>div{height:auto;min-height:4rem}body.jawi-admin header a:first-child{gap:.5rem}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.end-0{inset-inline-end:0}.left-3{left:.75rem}.right-0{right:0}.right-2{right:.5rem}.right-8{right:2rem}.start-0{inset-inline-start:0}.top-0{top:0}.top-1\/2{top:50%}.top-8{top:2rem}.top-full{top:100%}.z-30{z-index:30}.z-50{z-index:50}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.-me-2{margin-inline-end:-.5rem}.-ml-px{margin-left:-1px}.-mt-px{margin-top:-1px}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.ms-1{margin-inline-start:.25rem}.ms-3{margin-inline-start:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-full{height:100%}.min-h-12{min-height:3rem}.min-h-14{min-height:3.5rem}.min-h-9{min-height:2.25rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-\[440px\]{min-width:440px}.min-w-\[520px\]{min-width:520px}.min-w-\[780px\]{min-width:780px}.min-w-full{min-width:100%}.max-w-10{max-width:2.5rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-xl{max-width:36rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.origin-top{transform-origin:top}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1fr_42px\]{grid-template-columns:1fr 42px}.grid-cols-\[28px_minmax\(0\,1fr\)_54px\]{grid-template-columns:28px minmax(0,1fr) 54px}.grid-cols-\[68px_1fr_28px\]{grid-template-columns:68px 1fr 28px}.grid-cols-\[72px_1fr_42px\]{grid-template-columns:72px 1fr 42px}.grid-cols-\[82px_minmax\(0\,1fr\)_38px\]{grid-template-columns:82px minmax(0,1fr) 38px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-items-center{justify-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[\#edf0ee\]>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(237 240 238/var(--tw-divide-opacity,1))}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[\#b7c9c8\]{--tw-border-opacity:1;border-color:rgb(183 201 200/var(--tw-border-opacity,1))}.border-\[\#b7d8cc\]{--tw-border-opacity:1;border-color:rgb(183 216 204/var(--tw-border-opacity,1))}.border-\[\#c9d7e7\]{--tw-border-opacity:1;border-color:rgb(201 215 231/var(--tw-border-opacity,1))}.border-\[\#cad3d1\]{--tw-border-opacity:1;border-color:rgb(202 211 209/var(--tw-border-opacity,1))}.border-\[\#cbd5d7\]{--tw-border-opacity:1;border-color:rgb(203 213 215/var(--tw-border-opacity,1))}.border-\[\#cbd9e7\]{--tw-border-opacity:1;border-color:rgb(203 217 231/var(--tw-border-opacity,1))}.border-\[\#d9cdbb\]{--tw-border-opacity:1;border-color:rgb(217 205 187/var(--tw-border-opacity,1))}.border-\[\#d9e0df\]{--tw-border-opacity:1;border-color:rgb(217 224 223/var(--tw-border-opacity,1))}.border-\[\#dbe4e2\]{--tw-border-opacity:1;border-color:rgb(219 228 226/var(--tw-border-opacity,1))}.border-\[\#dce4e1\]{--tw-border-opacity:1;border-color:rgb(220 228 225/var(--tw-border-opacity,1))}.border-\[\#dfd7ca\]{--tw-border-opacity:1;border-color:rgb(223 215 202/var(--tw-border-opacity,1))}.border-\[\#dfe7e4\]{--tw-border-opacity:1;border-color:rgb(223 231 228/var(--tw-border-opacity,1))}.border-\[\#e4eceb\]{--tw-border-opacity:1;border-color:rgb(228 236 235/var(--tw-border-opacity,1))}.border-\[\#e6ece9\]{--tw-border-opacity:1;border-color:rgb(230 236 233/var(--tw-border-opacity,1))}.border-\[\#e7dfd2\]{--tw-border-opacity:1;border-color:rgb(231 223 210/var(--tw-border-opacity,1))}.border-\[\#eadfce\]{--tw-border-opacity:1;border-color:rgb(234 223 206/var(--tw-border-opacity,1))}.border-\[\#edf0ee\]{--tw-border-opacity:1;border-color:rgb(237 240 238/var(--tw-border-opacity,1))}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-indigo-400{--tw-border-opacity:1;border-color:rgb(129 140 248/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white\/80{border-color:#fffc}.bg-\[\#005c55\]{--tw-bg-opacity:1;background-color:rgb(0 92 85/var(--tw-bg-opacity,1))}.bg-\[\#00655f\]{--tw-bg-opacity:1;background-color:rgb(0 101 95/var(--tw-bg-opacity,1))}.bg-\[\#04534f\]{--tw-bg-opacity:1;background-color:rgb(4 83 79/var(--tw-bg-opacity,1))}.bg-\[\#04665f\]{--tw-bg-opacity:1;background-color:rgb(4 102 95/var(--tw-bg-opacity,1))}.bg-\[\#0b756e\]{--tw-bg-opacity:1;background-color:rgb(11 117 110/var(--tw-bg-opacity,1))}.bg-\[\#0d8277\]{--tw-bg-opacity:1;background-color:rgb(13 130 119/var(--tw-bg-opacity,1))}.bg-\[\#1f95dc\]{--tw-bg-opacity:1;background-color:rgb(31 149 220/var(--tw-bg-opacity,1))}.bg-\[\#5f8c7d\]{--tw-bg-opacity:1;background-color:rgb(95 140 125/var(--tw-bg-opacity,1))}.bg-\[\#5f9d91\]{--tw-bg-opacity:1;background-color:rgb(95 157 145/var(--tw-bg-opacity,1))}.bg-\[\#93c3b7\]{--tw-bg-opacity:1;background-color:rgb(147 195 183/var(--tw-bg-opacity,1))}.bg-\[\#cfe5de\]{--tw-bg-opacity:1;background-color:rgb(207 229 222/var(--tw-bg-opacity,1))}.bg-\[\#e2f1ed\]{--tw-bg-opacity:1;background-color:rgb(226 241 237/var(--tw-bg-opacity,1))}.bg-\[\#e4f6ed\]{--tw-bg-opacity:1;background-color:rgb(228 246 237/var(--tw-bg-opacity,1))}.bg-\[\#e5f7ee\]{--tw-bg-opacity:1;background-color:rgb(229 247 238/var(--tw-bg-opacity,1))}.bg-\[\#e6f2fb\]{--tw-bg-opacity:1;background-color:rgb(230 242 251/var(--tw-bg-opacity,1))}.bg-\[\#e7f0ec\]{--tw-bg-opacity:1;background-color:rgb(231 240 236/var(--tw-bg-opacity,1))}.bg-\[\#e7f2ee\]{--tw-bg-opacity:1;background-color:rgb(231 242 238/var(--tw-bg-opacity,1))}.bg-\[\#eaf2ff\]{--tw-bg-opacity:1;background-color:rgb(234 242 255/var(--tw-bg-opacity,1))}.bg-\[\#edf1f0\]{--tw-bg-opacity:1;background-color:rgb(237 241 240/var(--tw-bg-opacity,1))}.bg-\[\#edf5f1\]{--tw-bg-opacity:1;background-color:rgb(237 245 241/var(--tw-bg-opacity,1))}.bg-\[\#edf6ff\]{--tw-bg-opacity:1;background-color:rgb(237 246 255/var(--tw-bg-opacity,1))}.bg-\[\#eef5f2\]{--tw-bg-opacity:1;background-color:rgb(238 245 242/var(--tw-bg-opacity,1))}.bg-\[\#eef7ff\]{--tw-bg-opacity:1;background-color:rgb(238 247 255/var(--tw-bg-opacity,1))}.bg-\[\#eef8f4\]{--tw-bg-opacity:1;background-color:rgb(238 248 244/var(--tw-bg-opacity,1))}.bg-\[\#f3eee1\]{--tw-bg-opacity:1;background-color:rgb(243 238 225/var(--tw-bg-opacity,1))}.bg-\[\#f4f6f5\]{--tw-bg-opacity:1;background-color:rgb(244 246 245/var(--tw-bg-opacity,1))}.bg-\[\#f5f1e8\]{--tw-bg-opacity:1;background-color:rgb(245 241 232/var(--tw-bg-opacity,1))}.bg-\[\#f7f1e4\]{--tw-bg-opacity:1;background-color:rgb(247 241 228/var(--tw-bg-opacity,1))}.bg-\[\#f7f4ec\]{--tw-bg-opacity:1;background-color:rgb(247 244 236/var(--tw-bg-opacity,1))}.bg-\[\#f8fbfa\]{--tw-bg-opacity:1;background-color:rgb(248 251 250/var(--tw-bg-opacity,1))}.bg-\[\#fbfaf5\]{--tw-bg-opacity:1;background-color:rgb(251 250 245/var(--tw-bg-opacity,1))}.bg-\[\#fbfcfb\]{--tw-bg-opacity:1;background-color:rgb(251 252 251/var(--tw-bg-opacity,1))}.bg-\[\#ffe8e8\]{--tw-bg-opacity:1;background-color:rgb(255 232 232/var(--tw-bg-opacity,1))}.bg-\[\#fff4d6\]{--tw-bg-opacity:1;background-color:rgb(255 244 214/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/95{background-color:#fffffff2}.bg-\[linear-gradient\(180deg\,\#fffdf8_0\%\,\#f5f0e6_100\%\)\]{background-image:linear-gradient(#fffdf8 0%,#f5f0e6 100%)}.bg-\[radial-gradient\(circle_at_88\%_18\%\,rgba\(213\,194\,151\,\.25\)\,transparent_28\%\)\,linear-gradient\(180deg\,\#fffdf8_0\%\,\#f5f0e6_100\%\)\]{background-image:radial-gradient(circle at 88% 18%,#d5c29740,#0000 28%),linear-gradient(#fffdf8 0%,#f5f0e6 100%)}.bg-\[radial-gradient\(circle_at_92\%_18\%\,rgba\(213\,194\,151\,\.25\)\,transparent_28\%\)\,linear-gradient\(180deg\,\#fffdf8_0\%\,\#f5f0e6_100\%\)\]{background-image:radial-gradient(circle at 92% 18%,#d5c29740,#0000 28%),linear-gradient(#fffdf8 0%,#f5f0e6 100%)}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.pb-1{padding-bottom:.25rem}.pb-16{padding-bottom:4rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pe-4{padding-inline-end:1rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-6{padding-left:1.5rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.ps-3{padding-inline-start:.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Figtree,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[29px\]{font-size:29px}.text-\[31px\]{font-size:31px}.text-\[37px\]{font-size:37px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[\.22em\]{letter-spacing:.22em}.tracking-\[\.32em\]{letter-spacing:.32em}.tracking-\[\.38em\]{letter-spacing:.38em}.tracking-\[\.55em\]{letter-spacing:.55em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#00645d\]{--tw-text-opacity:1;color:rgb(0 100 93/var(--tw-text-opacity,1))}.text-\[\#00655f\]{--tw-text-opacity:1;color:rgb(0 101 95/var(--tw-text-opacity,1))}.text-\[\#04534f\]{--tw-text-opacity:1;color:rgb(4 83 79/var(--tw-text-opacity,1))}.text-\[\#04665f\]{--tw-text-opacity:1;color:rgb(4 102 95/var(--tw-text-opacity,1))}.text-\[\#073a3b\]{--tw-text-opacity:1;color:rgb(7 58 59/var(--tw-text-opacity,1))}.text-\[\#075c52\]{--tw-text-opacity:1;color:rgb(7 92 82/var(--tw-text-opacity,1))}.text-\[\#07645f\]{--tw-text-opacity:1;color:rgb(7 100 95/var(--tw-text-opacity,1))}.text-\[\#0a3132\]{--tw-text-opacity:1;color:rgb(10 49 50/var(--tw-text-opacity,1))}.text-\[\#0a615c\]{--tw-text-opacity:1;color:rgb(10 97 92/var(--tw-text-opacity,1))}.text-\[\#0b4f59\]{--tw-text-opacity:1;color:rgb(11 79 89/var(--tw-text-opacity,1))}.text-\[\#0c615c\]{--tw-text-opacity:1;color:rgb(12 97 92/var(--tw-text-opacity,1))}.text-\[\#11754d\]{--tw-text-opacity:1;color:rgb(17 117 77/var(--tw-text-opacity,1))}.text-\[\#137451\]{--tw-text-opacity:1;color:rgb(19 116 81/var(--tw-text-opacity,1))}.text-\[\#15915f\]{--tw-text-opacity:1;color:rgb(21 145 95/var(--tw-text-opacity,1))}.text-\[\#173536\]{--tw-text-opacity:1;color:rgb(23 53 54/var(--tw-text-opacity,1))}.text-\[\#17689e\]{--tw-text-opacity:1;color:rgb(23 104 158/var(--tw-text-opacity,1))}.text-\[\#1975c8\]{--tw-text-opacity:1;color:rgb(25 117 200/var(--tw-text-opacity,1))}.text-\[\#203c40\]{--tw-text-opacity:1;color:rgb(32 60 64/var(--tw-text-opacity,1))}.text-\[\#23383a\]{--tw-text-opacity:1;color:rgb(35 56 58/var(--tw-text-opacity,1))}.text-\[\#24514f\]{--tw-text-opacity:1;color:rgb(36 81 79/var(--tw-text-opacity,1))}.text-\[\#27464d\]{--tw-text-opacity:1;color:rgb(39 70 77/var(--tw-text-opacity,1))}.text-\[\#2872a4\]{--tw-text-opacity:1;color:rgb(40 114 164/var(--tw-text-opacity,1))}.text-\[\#29484c\]{--tw-text-opacity:1;color:rgb(41 72 76/var(--tw-text-opacity,1))}.text-\[\#314648\]{--tw-text-opacity:1;color:rgb(49 70 72/var(--tw-text-opacity,1))}.text-\[\#365153\]{--tw-text-opacity:1;color:rgb(54 81 83/var(--tw-text-opacity,1))}.text-\[\#405557\]{--tw-text-opacity:1;color:rgb(64 85 87/var(--tw-text-opacity,1))}.text-\[\#506066\]{--tw-text-opacity:1;color:rgb(80 96 102/var(--tw-text-opacity,1))}.text-\[\#50706d\]{--tw-text-opacity:1;color:rgb(80 112 109/var(--tw-text-opacity,1))}.text-\[\#526f85\]{--tw-text-opacity:1;color:rgb(82 111 133/var(--tw-text-opacity,1))}.text-\[\#566366\]{--tw-text-opacity:1;color:rgb(86 99 102/var(--tw-text-opacity,1))}.text-\[\#56706f\]{--tw-text-opacity:1;color:rgb(86 112 111/var(--tw-text-opacity,1))}.text-\[\#587071\]{--tw-text-opacity:1;color:rgb(88 112 113/var(--tw-text-opacity,1))}.text-\[\#5e6c70\]{--tw-text-opacity:1;color:rgb(94 108 112/var(--tw-text-opacity,1))}.text-\[\#637477\]{--tw-text-opacity:1;color:rgb(99 116 119/var(--tw-text-opacity,1))}.text-\[\#68797b\]{--tw-text-opacity:1;color:rgb(104 121 123/var(--tw-text-opacity,1))}.text-\[\#6a7574\]{--tw-text-opacity:1;color:rgb(106 117 116/var(--tw-text-opacity,1))}.text-\[\#6c6250\]{--tw-text-opacity:1;color:rgb(108 98 80/var(--tw-text-opacity,1))}.text-\[\#6c7777\]{--tw-text-opacity:1;color:rgb(108 119 119/var(--tw-text-opacity,1))}.text-\[\#6f8598\]{--tw-text-opacity:1;color:rgb(111 133 152/var(--tw-text-opacity,1))}.text-\[\#75908e\]{--tw-text-opacity:1;color:rgb(117 144 142/var(--tw-text-opacity,1))}.text-\[\#77868a\]{--tw-text-opacity:1;color:rgb(119 134 138/var(--tw-text-opacity,1))}.text-\[\#7c704f\]{--tw-text-opacity:1;color:rgb(124 112 79/var(--tw-text-opacity,1))}.text-\[\#7d8a89\]{--tw-text-opacity:1;color:rgb(125 138 137/var(--tw-text-opacity,1))}.text-\[\#8a5a00\]{--tw-text-opacity:1;color:rgb(138 90 0/var(--tw-text-opacity,1))}.text-\[\#8a6a32\]{--tw-text-opacity:1;color:rgb(138 106 50/var(--tw-text-opacity,1))}.text-\[\#8b958f\]{--tw-text-opacity:1;color:rgb(139 149 143/var(--tw-text-opacity,1))}.text-\[\#9a8068\]{--tw-text-opacity:1;color:rgb(154 128 104/var(--tw-text-opacity,1))}.text-\[\#9a8d78\]{--tw-text-opacity:1;color:rgb(154 141 120/var(--tw-text-opacity,1))}.text-\[\#9aa4a5\]{--tw-text-opacity:1;color:rgb(154 164 165/var(--tw-text-opacity,1))}.text-\[\#b4433f\]{--tw-text-opacity:1;color:rgb(180 67 63/var(--tw-text-opacity,1))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_10px_20px_rgba\(0\,101\,95\,\.2\)\]{--tw-shadow:0 10px 20px #00655f33;--tw-shadow-colored:0 10px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_10px_20px_rgba\(0\,92\,85\,\.18\)\]{--tw-shadow:0 10px 20px #005c552e;--tw-shadow-colored:0 10px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_10px_20px_rgba\(31\,149\,220\,\.22\)\]{--tw-shadow:0 10px 20px #1f95dc38;--tw-shadow-colored:0 10px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_12px_22px_rgba\(0\,92\,85\,\.22\)\]{--tw-shadow:0 12px 22px #005c5538;--tw-shadow-colored:0 12px 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_14px_30px_rgba\(29\,52\,49\,\.16\)\]{--tw-shadow:0 14px 30px #1d343129;--tw-shadow-colored:0 14px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_14px_34px_rgba\(55\,48\,35\,\.08\)\]{--tw-shadow:0 14px 34px #37302314;--tw-shadow-colored:0 14px 34px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_16px_42px_rgba\(52\,76\,72\,\.14\)\]{--tw-shadow:0 16px 42px #344c4824;--tw-shadow-colored:0 16px 42px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_18px_46px_rgba\(55\,48\,35\,\.09\)\]{--tw-shadow:0 18px 46px #37302317;--tw-shadow-colored:0 18px 46px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_4px_18px_rgba\(22\,45\,43\,\.07\)\]{--tw-shadow:0 4px 18px #162d2b12;--tw-shadow-colored:0 4px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity,1))}.ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}.ring-opacity-5{--tw-ring-opacity:.05}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body.jawi-page-dashboard .focus\:ring:focus{background:conic-gradient(#8454ed 0 72%, #51ca65 0 88%, #ffd65c 0 100%);border-radius:999px;place-items:center;width:108px;height:108px;display:grid}body.jawi-page-dashboard .focus\:ring:focus span{text-align:center;background:#fff;border-radius:999px;place-items:center;width:75px;height:75px;font-size:29px;font-weight:900;line-height:.95;display:grid}body.jawi-page-dashboard .focus\:ring:focus small{color:#5e547d;font-size:11px;display:block}@media (width>=1161px){body.jawi-page-dashboard .focus\:ring:focus{width:clamp(104px,8vw,138px);height:clamp(104px,8vw,138px)}body.jawi-page-dashboard .focus\:ring:focus span{width:clamp(74px,5.8vw,98px);height:clamp(74px,5.8vw,98px);font-size:clamp(29px,2.2vw,39px)}}.placeholder\:text-\[\#78899b\]::placeholder{--tw-text-opacity:1;color:rgb(120 137 155/var(--tw-text-opacity,1))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:bg-\[\#004943\]:hover{--tw-bg-opacity:1;background-color:rgb(0 73 67/var(--tw-bg-opacity,1))}.hover\:bg-\[\#00524d\]:hover{--tw-bg-opacity:1;background-color:rgb(0 82 77/var(--tw-bg-opacity,1))}.hover\:bg-\[\#167fbe\]:hover{--tw-bg-opacity:1;background-color:rgb(22 127 190/var(--tw-bg-opacity,1))}.hover\:bg-\[\#edf4f5\]:hover{--tw-bg-opacity:1;background-color:rgb(237 244 245/var(--tw-bg-opacity,1))}.hover\:bg-\[\#eef5f2\]:hover{--tw-bg-opacity:1;background-color:rgb(238 245 242/var(--tw-bg-opacity,1))}.hover\:bg-\[\#f4f8f7\]:hover{--tw-bg-opacity:1;background-color:rgb(244 248 247/var(--tw-bg-opacity,1))}.hover\:bg-\[\#ffd8d8\]:hover{--tw-bg-opacity:1;background-color:rgb(255 216 216/var(--tw-bg-opacity,1))}.hover\:bg-\[\#fff2f0\]:hover{--tw-bg-opacity:1;background-color:rgb(255 242 240/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:text-\[\#0b6963\]:hover{--tw-text-opacity:1;color:rgb(11 105 99/var(--tw-text-opacity,1))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.focus\:border-\[\#0b6963\]:focus{--tw-border-opacity:1;border-color:rgb(11 105 99/var(--tw-border-opacity,1))}.focus\:border-blue-300:focus{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.focus\:border-gray-300:focus{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.focus\:border-indigo-700:focus{--tw-border-opacity:1;border-color:rgb(67 56 202/var(--tw-border-opacity,1))}.focus\:bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.focus\:bg-gray-50:focus{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.focus\:bg-gray-700:focus{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.focus\:bg-indigo-100:focus{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.focus\:text-gray-500:focus{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.focus\:text-gray-700:focus{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.focus\:text-gray-800:focus{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.focus\:text-indigo-800:focus{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-\[\#0b6963\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(11 105 99/var(--tw-ring-opacity,1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.active\:bg-gray-100:active{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.active\:bg-gray-900:active{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.active\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.active\:text-gray-500:active{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.active\:text-gray-700:active{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.active\:text-gray-800:active{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.disabled\:opacity-25:disabled{opacity:.25}@media (width>=640px){.sm\:-my-px{margin-top:-1px;margin-bottom:-1px}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:ms-10{margin-inline-start:2.5rem}.sm\:ms-6{margin-inline-start:1.5rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-12{height:3rem}.sm\:w-12{width:3rem}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-xl{max-width:36rem}.sm\:flex-1{flex:1}.sm\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-\[28px_80px_1fr_70px\]{grid-template-columns:28px 80px 1fr 70px}.sm\:grid-cols-\[92px_1fr_42px\]{grid-template-columns:92px 1fr 42px}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-items-start{justify-items:start}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:rounded-lg{border-radius:.5rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-9{padding-top:2.25rem;padding-bottom:2.25rem}.sm\:pt-0{padding-top:0}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (width>=768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-11{height:2.75rem}.md\:w-11{width:2.75rem}.md\:w-72{width:18rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_140px\]{grid-template-columns:1fr 140px}.md\:grid-cols-\[1fr_150px_150px_150px_auto\]{grid-template-columns:1fr 150px 150px 150px auto}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[minmax\(0\,1\.6fr\)_repeat\(2\,minmax\(120px\,\.72fr\)\)_auto\]{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(120px,.72fr)) auto}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-4{gap:1rem}.md\:p-5{padding:1.25rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-\[11px\]{font-size:11px}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media (width>=1024px){.lg\:block{display:block}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[\.9fr_\.9fr_\.8fr\]{grid-template-columns:.9fr .9fr .8fr}.lg\:grid-cols-\[1\.05fr_1fr\]{grid-template-columns:1.05fr 1fr}.lg\:grid-cols-\[1\.3fr_\.85fr_\.85fr\]{grid-template-columns:1.3fr .85fr .85fr}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (width>=1280px){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.ltr\:origin-top-left:where([dir=ltr],[dir=ltr] *){transform-origin:0 0}.ltr\:origin-top-right:where([dir=ltr],[dir=ltr] *){transform-origin:100% 0}.rtl\:origin-top-left:where([dir=rtl],[dir=rtl] *){transform-origin:0 0}.rtl\:origin-top-right:where([dir=rtl],[dir=rtl] *){transform-origin:100% 0}.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme:dark){.dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.dark\:hover\:bg-gray-900:hover{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:focus\:border-blue-700:focus{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity,1))}.dark\:focus\:border-blue-800:focus{--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.dark\:active\:bg-gray-700:active{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:active\:text-gray-300:active{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}}