@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--color-primary:rgb(0,122,255);--color-secondary:#1e847f;--color-light-bg:#f6f6f6;--color-dark-bg:#242424;--color-light-text:#222;--color-dark-text:#f5f5f5}body,html{margin:0;padding:0;font-family:Roboto,sans-serif;overflow-x:hidden}*{box-sizing:border-box}body.light-mode{background-color:var(--color-light-bg);color:var(--color-light-text)}body.dark-mode{background-color:var(--color-dark-bg);color:var(--color-dark-text)}body.rtl{direction:rtl}.aggarlyBtn{color:#fff;background:linear-gradient(45deg,var(--color-primary) 0,var(--color-secondary) 100%);font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05rem;padding:.75rem 1.5rem;border:none;border-radius:.4rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.aggarlyBtn:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.aggarlyBtn:active{transform:translateY(0);box-shadow:none}.aggarlyBtn:focus{outline:none;box-shadow:0 0 0 2px rgba(0,0,0,.15)}