.sph{--sph-size: 2.5rem;--sph-hue: var(--brand);--sph-hi: color-mix(in srgb, var(--sph-hue) 26%, #ffffff);--sph-lo: color-mix(in srgb, var(--sph-hue) 68%, #05070d);--sph-spin: 17s;position:relative;inline-size:var(--sph-size);block-size:var(--sph-size);flex:none;border-radius:50%;isolation:isolate;display:inline-grid;place-items:center;background:radial-gradient(118% 118% at 30% 24%,var(--sph-hi) 0%,var(--sph-hue) 42%,var(--sph-lo) 100%);box-shadow:inset 0 calc(var(--sph-size) * -.17) calc(var(--sph-size) * .23) -2px color-mix(in srgb,var(--sph-lo) 85%,transparent),inset 0 calc(var(--sph-size) * .045) calc(var(--sph-size) * .08) color-mix(in srgb,#ffffff 42%,transparent),0 calc(var(--sph-size) * .16) calc(var(--sph-size) * .3) -4px color-mix(in srgb,var(--sph-lo) 55%,transparent)}.sph:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:radial-gradient(40% 32% at 62% 30%,color-mix(in srgb,#ffffff 34%,transparent) 0%,transparent 62%);animation:sph-orbit var(--sph-spin) linear infinite;will-change:transform}.sph:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:radial-gradient(24% 20% at 31% 22%,#ffffffeb,#fff0 60%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffffff 20%,transparent),inset 0 calc(var(--sph-size) * -.05) calc(var(--sph-size) * .07) color-mix(in srgb,var(--sph-lo) 42%,transparent)}.sph-face{position:relative;z-index:3;inline-size:100%;block-size:100%;display:inline-grid;place-items:center;color:#fff;font-weight:var(--w-head);line-height:1;text-shadow:0 1px 2px color-mix(in srgb,var(--sph-lo) 70%,transparent)}.sph-face svg{display:block}@keyframes sph-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sph:before{animation:none}}.sph--cta{--sph-size: 46px;--sph-spin: 19s}.sph--cta .sph-face svg{inline-size:56%;block-size:56%}.sph--grade{--sph-size: 40px;--sph-spin: 16s}.sph--grade .sph-face{font-size:calc(var(--sph-size) * .42);letter-spacing:.01em}.sph--grade-hero{--sph-size: clamp(150px, 30vw, 216px);--sph-spin: 22s}.sph--grade-hero .sph-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1em;padding-inline:13%;margin:0;text-align:center;font-weight:var(--w-identity);line-height:1.1;letter-spacing:-.01em;text-shadow:0 1px 3px color-mix(in srgb,var(--sph-lo) 78%,transparent)}.sph--grade-hero .gi-line-1{font-size:calc(var(--sph-size) * .135);opacity:.95}.sph--grade-hero .gi-line-2{font-size:calc(var(--sph-size) * .17)}.sph--wa{--sph-hue: var(--whatsapp);--sph-spin: 15s}.sph--wa .sph-face{color:#fff}.sph--wa .sph-face svg{inline-size:58%;block-size:58%;fill:#fff}.sph--games,.sph--games-book{--sph-spin: 8s;--sph-hi: color-mix(in srgb, var(--sph-hue) 16%, #ffffff)}.sph--games:before,.sph--games-book:before{background:radial-gradient(38% 30% at 61% 27%,color-mix(in srgb,#ffffff 52%,transparent) 0%,transparent 62%),radial-gradient(24% 18% at 26% 66%,color-mix(in srgb,#ffffff 20%,transparent) 0%,transparent 70%),conic-gradient(from 0deg,transparent 0deg 34deg,color-mix(in srgb,#ffffff 13%,transparent) 56deg,transparent 78deg 148deg,color-mix(in srgb,var(--sph-lo) 30%,transparent) 178deg,transparent 208deg 268deg,color-mix(in srgb,#ffffff 9%,transparent) 292deg,transparent 316deg 360deg)}.sph--games{--sph-hue: var(--games);--sph-size: clamp(120px, 22vw, 168px)}.sph--games .sph-face{font-size:calc(var(--sph-size) * .2);font-weight:var(--w-identity);letter-spacing:-.01em;padding-inline:8%;text-align:center;color:var(--games-on)}.sph--games-book{--sph-hue: var(--games);--sph-size: clamp(132px, 40vw, 168px)}.sph--games-book .sph-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12em;padding-inline:9%;text-align:center;font-weight:var(--w-identity);letter-spacing:-.01em;line-height:1.1;color:var(--games-on);text-shadow:0 1px 3px color-mix(in srgb,var(--sph-lo) 78%,transparent)}.sph--games-book .gi-line-1{font-size:calc(var(--sph-size) * .19)}.sph--games-book .gi-line-2{font-size:calc(var(--sph-size) * .155);opacity:.96}.hero-main .actions:after{content:"החומרים באתר נועדו להעשרה ולתמיכה בהוראה בלבד. יש להקפיד על שימוש בספרי לימוד ובחומרי למידה המאושרים על ידי משרד החינוך.";grid-column:1 / -1;display:block;inline-size:100%;margin-block-start:clamp(.25rem,.6vw,.5rem);color:var(--brand);font-family:inherit;font-size:min(.95rem,2.05vw);font-weight:var(--w-head);line-height:1.25;text-align:center;white-space:nowrap;direction:rtl}