.databases-animation circle,.databases-animation path,.databases-animation rect{transition:fill .5s ease-in-out}.databases-animation{display:block;padding:24px;width:100%;height:100%;object-fit:contain;box-sizing:border-box}.frameworks-animation-component,.frameworks-animation-root{position:relative!important;margin:36px auto!important;background:transparent!important;width:100%!important;height:353px!important;max-width:100%!important;overflow:hidden!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:9999!important}.frameworks-animation-component *,.frameworks-animation-root *{max-width:none!important;min-width:none!important;min-height:none!important}.animation-container{position:relative;width:100%;height:100%}.animation-container,.center-circle{display:flex;align-items:center;justify-content:center}.center-circle{position:absolute;width:50px;height:50px;background:#1E2235;border-radius:50%;border:3px solid #1e2235;z-index:10}.jbs-star{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ring{position:absolute;border:1px solid #1e2235;border-radius:50%;display:flex;align-items:center;justify-content:center}.inner-ring{width:108px;height:108px;animation:rotateInner 12s linear infinite}.middle-ring{width:193px;height:193px;animation:rotateMiddle 25s linear infinite}.outer-ring{width:272px;height:272px;animation:rotateOuter 40s linear infinite}.planet{position:absolute;width:28px;height:28px;background:#1E2235;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.planet-js{animation:counterRotateInner 12s linear infinite}.planet-angular,.planet-serverless{animation:counterRotateMiddle 25s linear infinite}.planet-react,.planet-spring{animation:counterRotateOuter 40s linear infinite}.planet-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.planet-content img{width:27px;height:27px}.planet-js,.planet-serverless{top:-16px;left:50%}.planet-angular{bottom:-16px;left:50%}.planet-spring{top:-16px;left:50%}.planet-react{bottom:-16px;left:50%}@keyframes rotateInner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateMiddle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateOuter{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes counterRotateInner{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(-1turn)}}@keyframes counterRotateMiddle{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(-1turn)}}@keyframes counterRotateOuter{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(-1turn)}}.planet:hover{transform:scale(1.1);box-shadow:0 4px 16px rgba(0,0,0,.4);transition:all .3s ease}@media (max-width:768px){.frameworks-animation-component,.frameworks-animation-root{width:300px!important;height:300px!important;margin:20px auto!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:9999!important;position:relative!important;transform:none!important;max-width:none!important;min-width:none!important;min-height:none!important}}@media (max-width:480px){.frameworks-animation-component,.frameworks-animation-root{width:250px!important;height:250px!important;margin:15px auto!important}.center-circle{width:42px;height:42px}.jbs-star{font-size:18px}.planet{width:24px;height:24px;font-size:12px}.inner-ring{width:77px;height:77px}.middle-ring{width:136px;height:136px}.outer-ring{width:192px;height:192px}}@media (max-width:375px){.frameworks-animation-component,.frameworks-animation-root{width:200px!important;height:200px!important;margin:10px auto!important}.center-circle{width:36px;height:36px}.jbs-star{font-size:16px}.planet{width:20px;height:20px}.planet-content img{width:16px;height:16px}.inner-ring{width:62px;height:62px}.middle-ring{width:109px;height:109px}.outer-ring{width:154px;height:154px}}.diamond-animation-bg{width:100%;height:100%;min-width:300px;min-height:300px;position:relative}.home-header{text-align:center;margin-bottom:2rem}.home-header-title{font-weight:700;line-height:1.1;margin:0}.home-header-code,.home-header-title{font-family:var(--font-fira-sans);font-size:3.5rem;color:#111;letter-spacing:-.03em}.home-header-code{font-weight:900;display:inline-block}.home-header-description{font-family:var(--font-inter);font-weight:400;font-size:1.25rem;line-height:1.5;letter-spacing:-.01em;text-align:center;color:#222;max-width:480px;width:90%;margin:0 auto 2.5rem}@media (max-width:768px){.home-header-code,.home-header-title{font-size:2.1rem}.home-header-description{font-size:1rem;max-width:98vw}}